har fil test_1.asp
<table width="50%" border="0" cellspacing="0" cellpadding="0">
<tr> <td><A HREF="test_2.asp#scrollPunkt_1" name="">tekst 1</A></td> </tr>
<tr> <td><A HREF="test_2.asp#scrollPunkt_2" name="">tekst 2</A></td> </tr>
<tr> <td><A HREF="test_2.asp#scrollPunkt_3" name="">tekst 3</A></td> </tr>
<tr> <td><A HREF="test_2.asp#scrollPunkt_4" name="">tekst 4</A></td> </tr>
<tr> <td><A HREF="test_2.asp#scrollPunkt_5" name="">tekst 5</A></td> </tr>
<tr> <td><A HREF="test_2.asp#scrollPunkt_6" name="">tekst 6</A></td> </tr>
<tr> <td><A HREF="test_2.asp#scrollPunkt_7" name="">tekst 7</A></td> </tr>
</table>
fil test_2.asp
<script type="text/javascript" language="javascript">
function initPage()
{
posDiv();
}
function posDiv(){
objDiv = document.getElementById("divPlace");
objDiv.style.left = document.documentElement.offsetWidth/2 - 100 + document.body.scrollLeft;
objDiv.style.top = document.documentElement.offsetHeight/2 - 100 + document.body.scrollTop;
// document.getElementById("divPlace").innerText = "Left: " +objDiv.style.left + ", Top: " +objDiv.style.top;
}
window.onload = initPage;
window.onscroll = posDiv;
window.onresize = posDiv;
</script>
<body>
<div style="position:absolute;" id="divPlace">
<font style="background-color:#FF0033; width:200px;height:200px;">Hello World</font>
</div>
<table style="width: 50%; border-width: 0; border-collapse: collapse">
<tr><td height="300" valign="bottom"><a id="scrollPunkt_1" name="scrollPunkt_1">anker 1</a></td></tr>
<tr><td height="300" valign="bottom"><a id="scrollPunkt_2" name="scrollPunkt_2">anker 2</a></td></tr>
<tr><td height="300" valign="bottom"><a id="scrollPunkt_3" name="scrollPunkt_3">anker 3</a></td></tr>
<tr><td height="300" valign="bottom"><a id="scrollPunkt_4" name="scrollPunkt_4">anker 4</a></td></tr>
<tr><td height="300" valign="bottom"><a id="scrollPunkt_5" name="scrollPunkt_5">anker 5</a></td></tr>
<tr><td height="300" valign="bottom"><a id="scrollPunkt_6" name="scrollPunkt_6">anker 6</a></td></tr>
<tr><td height="300" valign="bottom"><a id="scrollPunkt_7" name="scrollPunkt_7">anker 7</a></td></tr>
<tr><td height="300" valign="bottom"><a id="scrollPunkt_8" name="scrollPunkt_8">anker 8</a></td></tr>
</table>
</body>
</html>
har vist sovet lidt - den gå jo selvfølgelig fra anker til anker - mit problem er så at function posDiv ikke skal scrolle med have fast position ved onload - dvs på midten - og ikke scrolle med.
hvordan klarer jeg så det ????
;-))) altid rart med link til sider - var en smut omkring - men ak ja - der kunne gå en hel arbejdsdag eller fri weekend ;-))))
