อยากรู้วิธิการเก็บพิกัดบนหน้าเวป

ตอบกระทู้

รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: อยากรู้วิธิการเก็บพิกัดบนหน้าเวป

Re: อยากรู้วิธิการเก็บพิกัดบนหน้าเวป

โดย touleg » 05/10/2011 1:27 am

พิกัดหน้าเว็บโดย Jquery

โค้ด: เลือกทั้งหมด

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
   $(document).mousemove(function(e){
      var x = e.pageX;
      var y = e.pageY;
      alert("X = "+x+" Y = "+y);
   });
})
</script>
ประยุกต์ใช้ได้หลายอย่างเช่น
เวลาเอาเมาส์ชี้รูปก็จะมีรูปขึ้นมาเลื่อนตามเมาส์

โค้ด: เลือกทั้งหมด

<!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" />
<style type="text/css">
#show{
	position:absolute;
	z-index:1001;
	display:none;
}
</style>
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("#imgs").hover(function(){
		$("body").append("<p id='show'><img src='"+ $("#imgs").attr("show") +"' alt='Screenshot' width='285' heigth='300'/></p>");
      $("#show").fadeIn("fast");
   },function(){
		$("#show").fadeOut("fast").remove();
	}); 
   $(document).mousemove(function(e){
      var x = e.pageX;
	  var y = e.pageY;
	  $("#show").css("top",y-5+"px").css("left",x+20+"px");
   });
})
</script>
<body>
<img src="162814_s.jpg" show="162814.jpg" id="imgs" />
</body>
</html>

Re: อยากรู้วิธิการเก็บพิกัดบนหน้าเวป

โดย counter » 22/09/2010 12:02 pm

ขอบคุณคับ ส่วน ps มันก็คือ photoshop คับ ^^

Re: อยากรู้วิธิการเก็บพิกัดบนหน้าเวป

โดย imsn » 22/09/2010 8:40 am

ผมว่าตัวอย่างตามลิงนั้น ok นะครับ
แต่ส่วนตัวผมชอบ jquery มากกว่า 555
แล้วเจ้า ps นี่อะไร หว่า เกี่ยวไรกะหน้าเว็บงงวุ้ย

Re: อยากรู้วิธิการเก็บพิกัดบนหน้าเวป

โดย counter » 22/09/2010 1:12 am

คือผมอ่ะกำหนดจุดบนแผนที่ไว้เป็นโหนดตามทางแยก เช่นโหนดaไปยังโหนดb แต่เราต้องรู้ก่อนว่าโหนดaมีพิกัดเท่ารายโหนดbมีพิกัดเท่าราย พอรู้แล้วมันถึงจะนำพิกัดทั้งสองมาวาดเส้นต่อกันจากโหนดaไปโหนดbได้ แต่ในps เวลาเอาเม้าไปชี้ตรงส่วนใหนของรูป ps มันก็จาบอกพิกัดได้ แต่หน้าเวบเนี่ยไม่รู้จาเก็บพิกัดอย่างไร เพราะถ้าเราใช้พิกัดจาก ps มันจาไม่ตรงกับหน้าเวบ

Re: อยากรู้วิธิการเก็บพิกัดบนหน้าเวป

โดย mindphp » 22/09/2010 12:43 am

เพิ่มเติมให้ครับ

โค้ด: เลือกทั้งหมด

  function findPosX(obj)
  {
    var curleft = 0;
    if(obj.offsetParent)
        while(1) 
        {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.x)
        curleft += obj.x;
    return curleft;
  }

  function findPosY(obj)
  {
    var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
    return curtop;
  }

Re: อยากรู้วิธิการเก็บพิกัดบนหน้าเวป

โดย mindphp » 22/09/2010 12:40 am

ผมยังงง อยู่ว่าต้องการหาตำแหน่งอะไร
ตำแหน่งบน หน้าเว็บมีหลายอย่างนะครับเช่น
ตำแหน่งของรูป tag ต่างๆ id, div เม้าหรือ อื่นๆ ครับ
ต้องการตำแหน่งอะไรบนหน้าเว็บ
รวมๆ ลองดูตัวอย่างจากเว็บนี้ครับ
http://www.quirksmode.org/js/findpos.html

หรือถ้าใช้ Jquery เป็นก็จะง่ายขึ้นครับ

Re: อยากรู้วิธิการเก็บพิกัดบนหน้าเวป

โดย counter » 22/09/2010 12:33 am

นั้นแหละคับ แล้วเราเอาjavaไปว่างในเวปเลยรึว่าเราต้องเขียนเปนโปรแกรมต่างหากคับที่ไว้คอยหาอ่ะคับ แล้วพอมีโค้ดมั้ยคับ พอดีผมยังละอ่อนอยู่อ่ะคับ คืออันนี้บอกมาเปนพิกัดเลยได้ใช่มัยคับ

Re: อยากรู้วิธิการเก็บพิกัดบนหน้าเวป

โดย mindphp » 21/09/2010 10:04 pm

จุดที่ทำไว้ ทำไว้ ในรูปแบบไหนครับ
ไม่ค่อยเข้าใจ
แต่ถ้าจะหา ตำแหน่งต่างๆ บนหน้าเว็บ ต้องใช้ Javascript เข้ามาช่วยครับ

อยากรู้วิธิการเก็บพิกัดบนหน้าเวป

โดย counter » 21/09/2010 2:12 pm

คือผมต้องการที่จาเก็บพิกัดบนหน้าเวปอ่ะคับ คือ ผมมีแผนมีอยู่ที่โหลดมาจากฐานข้อมูลผมเอง(ไม่เกี่ยวกับ google map) แล้วผมจะกำหนดจุดมาคที่แผนที่ผมแล้วผมต้องการรู้ว่าที่ผมมาคไปเนี่ยมีพิกัด xy เท่าราย เช่น พิกัดx50 พิกัดy100 ประมาณเนี่ยอ่ะคับ อยากรู้วิทีเก็บพิกัดอ่ะคับ ช่วยทีน่ะคับ

ข้างบน