DragAndDrop research
Hej -Jeg vil gerne lave en funktion, som gør det muligt at flytte en div vha. musen: Du klikker på emnet, og så kører du markøren hen til det sted hvor emnet skal anbringes.
Jeg har i første omgang brug for at bestemme musemarkørens position. Til formålet har jeg fundet en kodestump på Nettet, og efter nogle tilpasninger ser det ud til at den virker. (Jeg kan dog ikke nå at se, om programmet starter ud med en fejlmelding, hvis musemarkøren er uden for vinduet!)
Mit problem er, at jeg ikke helt forstår denne kodestump.
Nogle steder er der brugt tre lighedstegn ===, andre steder er der brugt !== hvor jeg selv ville have brugt !=, og et enkelt lighedstegn hvor jeg selv ville have brugt ==.
Jeg har en mistanke om, at der er tale om tilordning i forbindelse med en sandhedsværditest. Men kan en af jer ikke forklare, præcis hvad der foregår?
(Muligvis skal NAME også udskiftes med ID ?)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Mouseposition</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta name="description" content="How to detect the location of the mouse across browsers">
<meta http-equiv="content-script-type" content="text/javascript">
</head><body>
<script type="text/javascript">
function getwindow()
{
var d=document,v=window,w,h,l,t;
if (typeof v.innerWidth === 'number')
{
w=v.innerWidth; h=v.innerHeight; l=v.pageXOffset; t=v.pageYOffset;
}
else
if ((v = d.documentElement) && typeof v.clientWidth === 'number' &&
v.clientWidth !== 0 || (v = d.body))
{
w=v.clientWidth; h=v.clientHeight; l=v.scrollLeft; t=v.scrollTop;
}
return {w:w,h:h,l:l,t:t};
}
function getmouse(e)
{
e = e || window.event || {};
var mouseX, mouseY, w = getwindow(),
minX = w.l,
minY = w.t,
maxX = w.w + w.l,
maxY = w.h + w.t;
if( typeof e.pageX === 'number' ) {mouseX=e.pageX; mouseY=e.pageY;}
else {mouseX = e.x + w.l; mouseY = e.y + w.t;}
document.forms.f.elements.t.value = 'mouseX =\t' + mouseX + '\nmouseY =\t' + mouseY + '\n' +
'minX =\t' + minX + '\nminY =\t' + minY + '\n' + 'maxX =\t\t' + maxX + '\nmaxY =\t\t' + maxY;
}
if (document.captureEvents) {document.captureEvents(Event.MOUSEMOVE);}
document.onmousemove = getmouse; window.onscroll = getmouse; window.onresize = getmouse;
</script>
<h1>Mouse Position</h1>
<form id="f" action="">
<textarea name="t" cols="80" rows="7"></textarea>
</form>
</body>
</html>
Hilsen Per
