onMouse script flytter iFrame
Jeg bruger følgende script til at få en tabel til at kunne flytte sig (som et alm. windows vindue) når man klikker på det og flytter musen. Det virker fint men min iframe, med navigate.htm, har flyttet sig cirka en centimeter til højre efter jeg indsatte "træk&slip" koden.Hvis jeg sletter:
onMouseDown="x = event.offsetX; y = event.offsetY; nede = true;" onMouseUp="nede = false;" onMouseOut="nede = false;" onMouseMove="traek(this);" onSelectStart="return false;" style="position: absolute; cursor: default;"
Så passer det hele igen.. Men hvorfor flytter ovenstående rundt på en helt anden iFrame?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<script language="javascript" type="text/javascript">
nede = false;
x = y = 0;
function traek(obj) {
if (nede) {
obj.style.left = event.clientX - x;
obj.style.top = event.clientY - y;
}
}
</script>
<head>
<title></title>
<meta name="Generator" content="Stone's WebWriter 4">
</head>
<body bgcolor="#000000" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" background="pic/Untitled-3.jpg">
<table border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="8"></td>
<td width="700" height="500" background="pic/windowbg.gif" onMouseDown="x = event.offsetX; y = event.offsetY; nede = true;" onMouseUp="nede = false;" onMouseOut="nede = false;" onMouseMove="traek(this);" onSelectStart="return false;" style="position: absolute; cursor: default;"><img src="pic/trans1x1.gif" width="0" height="4" align="bottom" alt=""><br> .<iframe name="window"
src="news.htm" frameborder="0" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0" scrolling="no" align="vertical" height="477" width="700" ALLOWTRANSPARENCY="true"></iframe></td>
<td width="86"></td>
<td width="203" height="500"></td>
</tr>
<tr valign="top">
<td width="8"></td>
<td width="700" height="137"></td>
<td width="86"></td>
<td width="203" height="137"><iframe name="navigate"
src="navigate.htm" frameborder="0" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0" scrolling="no" align="vertical" height="137" width="203"></iframe></td>
</tr>
<tr valign="top">
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
