PDA

View Full Version : سوال: کنترل موس در صفحه


Dead Space
شنبه 30 بهمن 1389, 06:34 صبح
سلام
یک سوال داشتم از دوستان
من می خوام موس رو در صفحه کنترل کنم و زمانی که موس به قسمت خاصی در صفحه که مثلا آبی رنگ هستش رفت مقدار یک فیلد رکورد بانک اطلاعاتی زیر اشاره گر موس فرد نمایش داده بشه و یا موس وقتی به قسمت قرمز رنگ رفت مقدار دیگری از بانک اطلاعاتی نمایش داده بشه
میخواستم دوستان راهنمایی کنن
با تشکر
hossin.esm
شنبه 30 بهمن 1389, 08:31 صبح
میتونید از title استفاده کنید

<div id="red" style="background:#F00; height:100px;width:100px;" title="red">

</div>
<div id="blue" style="background:#00F; height:100px;width:100px;" title="blue">

</div>
Dead Space
شنبه 30 بهمن 1389, 19:19 عصر
ممنون داداش
title اینجا نمیتونه کمکی به من بکنه چون من با جاوااسکریپت یه خط کشیدم مثلا روی یک صفحه به رنگ آبی حالا میخوام نقطه x,y بدم در اون نقطه, که این خط کشیده شده. و در اون نقطه زیر موس مقدار یک فیلد یک رکورد بانک اطلاعاتی نمایش داده بشه
hossin.esm
شنبه 30 بهمن 1389, 20:20 عصر
<html>
<head>
<title>Title of Page</title>
<script language="javascript">

document.onmousemove=move;

function move(ev)
{

ev =ev || window.event;
var x=ev.clientX;
var y=ev.clientY;
document.getElementById("m").style.left = x+'px';
document.getElementById("m").style.top = y+'px';
document.getElementById("m").innerHTML="x="+x+",y="+y;
if(x==20 && y==20)
{
document.getElementById('tool').style.display='blo ck';
}
else
{
document.getElementById('tool').style.display='non e';
}

}

</script>
</head>
<body>
<div style="background:#F00;position:absolute;top:20px;left:20 px;width:5px;;height:5px"></div>
<div id="tool" style="display:none"> test </div>
<div id="m" style="position:absolute"> </div>
</body>
</html>