J
jnm
I have an old java script which places an arrow.gif in the lower right hand
corner of the screen at all times regardless of scrolling and or resizing
the screen. The arrow is a hot spot, which scrolls to the top of the page.
It works fine, but won't validate because it is based on non-standard code.
It looks like this:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Test page</title>
<script language="JavaScript">
function SetCorners() {
LR.style.left = document.body.scrollLeft +
document.body.clientWidth - LR.width;
LR.style.top = document.body.scrollTop +
document.body.clientHeight - LR.height;
}
</script>
</head>
<body onLoad="init();SetCorners();" leftmargin="10" topmargin="22"
marginheight="10" marginwidth="10"
onResize="SetCorners()" onScroll="SetCorners()">
<a href="javascript:scroll(0,0)"><img id="LR" src="images/arrow.gif"
border="0" style="position: absolute; left.2; top:4" width="23" height="36"
alt="To top of page" /></a>
</body>
</html>
I believe this may be done in another way, but I can't find it.
Any help in this news group??
Regards
Jorgen
corner of the screen at all times regardless of scrolling and or resizing
the screen. The arrow is a hot spot, which scrolls to the top of the page.
It works fine, but won't validate because it is based on non-standard code.
It looks like this:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Test page</title>
<script language="JavaScript">
function SetCorners() {
LR.style.left = document.body.scrollLeft +
document.body.clientWidth - LR.width;
LR.style.top = document.body.scrollTop +
document.body.clientHeight - LR.height;
}
</script>
</head>
<body onLoad="init();SetCorners();" leftmargin="10" topmargin="22"
marginheight="10" marginwidth="10"
onResize="SetCorners()" onScroll="SetCorners()">
<a href="javascript:scroll(0,0)"><img id="LR" src="images/arrow.gif"
border="0" style="position: absolute; left.2; top:4" width="23" height="36"
alt="To top of page" /></a>
</body>
</html>
I believe this may be done in another way, but I can't find it.
Any help in this news group??
Regards
Jorgen