บทความด้านคอมพิวเตอร์

บทความ, องค์ความรู้, การทำเว็บไซต์, ทำโปรแกรม

ค้นหา และศึกษาบทความด้านคอมพิวเตอร์ การเขียนเว็บไซต์ ทำเว็บไซต์ ทำโปรแกรม ทำโปรแกรมบนมือถือ ออกแบบเว็บไซต์ การเขียนโปรแกรม การออกแบบเว็บไซต์ ฐานข้อมูล รวมไปถึงข่าวแวดวง IT, Computer และบทความต่าง ๆ ที่ถูกคัดสรรมาอย่างดี ด้วยเนื้อหาที่สดใหม่ กระชับ และอ่านเข้าใจง่าย ซึ่งจะทำให้คุณสามารถที่จะแก้ไขปัญหาต่าง ๆ จากบทความ และองค์ความรู้ที่ทางเราเลือกมาให้ โดยบทความทุกบทความถูกเขียนขึ้นใหม่ ในเรื่องต่าง ๆ เพื่อนำเสนอมุมมองใหม่ ๆ ให้กับผู้อ่านทุกคน


ประเภทบทความ
บทความด้านคอมพิวเตอร์

    position() jQuery การหาตำแหน่งซ้าย และบนของ Elements

    บทความวันที่ 16 พฤศจิกายน 2555

    position() คือ คำสั่งของ jQuery มีไว้สำหรับการหาตำแหน่ง (Position) ทางซ้าย (Left) และด้านบน (Top) ของ Elements ที่ต้องการ ซึ่งหน่วยของผลลัพธ์นั้นคือ px (Pixel)

     

    ภาพรวมของ position()

    1. ใช้สำหรับการหาตำแหน่งของ Elements ที่ต้องการด้านซ้าย และด้านบน

    2. ใช้คำสั่ง .top สำหรับการคืนค่าตำแหน่งด้านบน

    3. ใช้คำสั่ง .left สำหรับการคืนค่าตำแหน่งด้านซ้าย

     

    ตัวอย่างโปรแกรม

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery.min.js"></script>
<title>amplysoft.com</title>
</head>
<body>


<p>
amplysoft รับเขียนเว็บ รับทำเว็บ เรียนเขียนโปรแกรม PHP, JAVA, ASP.NET
<br/>
amplysoft รับออกแบบเว็บไซต์ รับสอนเขียนโปรแกรม รับเป็นวิทยากร
</p>

<div id='result'></div>

<script type="text/javascript">
$(document).ready(function(){
	
	var position = $('p').position();
	$('#result').html(
						"<b>Top Element</b> : " + position.top + "px<br/>" + 
						"<b>Left Element</b> : " + position.left + "px"
				     );

});
</script>
</body>
</html>

     

    ผลลัพธ์


    อ่านเนื้อหาอื่นเพิ่มเติมฟรี ได้ที่
    Devdit - พบคำตอบด้านไอทีและทำตามง่ายๆ



    คำค้นหา position() jQuery, รับเขียนเว็บ, รับทำเว็บ, เรียนเขียนโปรแกรม