program

Thu 1 Jan 1970 07:00:00
Thu 1 Jan 1970 07:00:00
การใช้คำสั่ง OnmouseOver เวลาที่เอาเมาส์มาวางไว้บนรูปแล้วให้มันขึ้นข้อความทำได้แล้วโดยใช้ OnmouseOver กับ OnmouseOut แต่จะทำยังงัยให้เมื่อเลื่อนเมาส์อยู่ในบริเวณที่กำหนดข้อความก็เลื่อนตามไปด้วย
หมายถึงการที่ให้มี tooltip ขึ้นมาเมื่อเอาเมาส์วางใช่ไหมครับ แล้วถ้าเลื่อนเมาส์ตามก็ให้เลื่อนตามไปด้วย
การทำต้องใช้ Javascript เหมือนเดิมครับ แต่ต้องใส่ function ที่ตรวจจับการเคลื่อนที่ของ mouse ครับ เช่น
<script language="Javascript">
// เช็กการเคลื่อนที่ของเมาส์
document.onmousedown = moveToolTip;
if(document.layers){
window.captureEvents(Event.MOUSEMOVE);
window.onmousedown = moveToolTip;
}
function moveToolTip(e)
{
var ie = document.all;
var ns = document.layers;
var x,y;
if(ie){
x = event.clientX;
y = event.clientY;
}else if(ns){
x = e.pageX;
y = e.pageY;
}
//ตอนนี้เราได้ตำแน่งของเมาส์แล้วครับ ในตัวแปร x,y
moveWindow(x,y);
}
function moveWindow(x,y)
{
document.all.tooltip.style.left = x;
document.all.tootip.style.top = y;
}
</script>
โค๊ดประมาณนี้ครับ แต่ต้องนำไปประยุกต์ต่อเอานะครับ โดยอาจจะเพิ่ม setTimeout() เพื่อให้ tooltip หายไปเมื่อถึงเวลาณเวลาหนึ่ง
การทำต้องใช้ Javascript เหมือนเดิมครับ แต่ต้องใส่ function ที่ตรวจจับการเคลื่อนที่ของ mouse ครับ เช่น
<script language="Javascript">
// เช็กการเคลื่อนที่ของเมาส์
document.onmousedown = moveToolTip;
if(document.layers){
window.captureEvents(Event.MOUSEMOVE);
window.onmousedown = moveToolTip;
}
function moveToolTip(e)
{
var ie = document.all;
var ns = document.layers;
var x,y;
if(ie){
x = event.clientX;
y = event.clientY;
}else if(ns){
x = e.pageX;
y = e.pageY;
}
//ตอนนี้เราได้ตำแน่งของเมาส์แล้วครับ ในตัวแปร x,y
moveWindow(x,y);
}
function moveWindow(x,y)
{
document.all.tooltip.style.left = x;
document.all.tootip.style.top = y;
}
</script>
โค๊ดประมาณนี้ครับ แต่ต้องนำไปประยุกต์ต่อเอานะครับ โดยอาจจะเพิ่ม setTimeout() เพื่อให้ tooltip หายไปเมื่อถึงเวลาณเวลาหนึ่ง

















