scrolling <DIV>

sam · July 29th, 2004, 09:37 AM

Quote:

quote:Originally posted by anshul
4Netscape family corresponding property is 'pageYOffset' lieu 'document.body.scrollTop' that works4 MSIE. We need if..else or seperate function body4this distinction.

setTimeout("scrollMenu(str)",100);
is one correction i do now.

there may b more typing mistakes.

I was unable to implement your code but I think I totally off base please clarify:

Code:

<html>
<head>
</head>
<body>
<div id="menu" style="width:100;height:100;background-color:black"></div>

<SCRIPT LANGUAGE=javascript>
<!--
var initpos, scroll, newpos, str;

function initScroll(menu) {
 str=eval('menu');
 initpos=parseInt( 
  document.getElementById(str).style.top);
 }

function scrollMenu(menu) {
 scroll=parseInt(document.body.scrollTop);
 newpos=pos+scroll;
 str=eval('menu');
 document.getElementById(menu).style.top=newpos;
 str=eval('menu');
 setTimeout("scrollMenu(str)",100);
 }

//now u just need2call functions externally

initScroll('scrollMenu');
scrollMenu('scrollMenu');
//-->
</SCRIPT>




<TABLE WIDTH="75%" BORDER=1 CELLSPACING=1 CELLPADDING=1 height=900>
    <TR>
        <TD>1</TD>
        <TD>2</TD>
        <TD>3</TD>
    </TR>
    <TR>
        <TD>4</TD>
        <TD>5</TD>
        <TD>6</TD>
    </TR>
    <TR>
        <TD>7</TD>
        <TD>8</TD>
        <TD>9</TD>
    </TR>
</TABLE>
</body>
</html>

~~~~~~~~~~~~~~~~~~~~~~~
http://byldesigns.com
~~~~~~~~~~~~~~~~~~~~~~~

anshul · July 30th, 2004, 03:06 PM

hi sam,

u need hust define these functions in <HEAD> or seperate .js file.
create a <DIV> with id="scrollMenu"

call the functions then.
please try. u'll get it2work.

sam · August 4th, 2004, 09:51 AM

Thanks for the lead, I needed to make the div "POSITION: absolute " plus I fixed some typos.

Code:

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<SCRIPT LANGUAGE=javascript>
<!--
var scroll, newpos, pos;
newpos=0;
function initScroll(menu) {
    pos=parseInt(document.getElementById(menu).style.top);
 }

function scrollMenu(menu) {
 scroll=parseInt(document.body.scrollTop);
 newpos=pos+scroll;
 document.getElementById(menu).style.top=newpos;
 setTimeout("scrollMenu('scrollMenu')",100);
 }

//-->
</SCRIPT>

</HEAD>
<BODY>

<div id="scrollMenu" style="Z-INDEX: 100; LEFT: 880px; WIDTH: 100px; POSITION: absolute; TOP: 198px; HEIGHT: 100px; BACKGROUND-COLOR: black"><A HREF="http://www.ebcpro.com"><center><BR>click here for help</center></A></div>

<TABLE WIDTH="75%" BORDER=1 CELLSPACING=1 CELLPADDING=1 height=1900>
    <TR>
        <TD>1c</TD>
        <TD>2</TD>
        <TD>3</TD>
    </TR>
    <TR>
        <TD>4</TD>
        <TD>5</TD>
        <TD>6</TD>
    </TR>
    <TR>
        <TD>7</TD>
        <TD>8</TD>
        <TD>9</TD>
    </TR>
</TABLE>
<SCRIPT LANGUAGE=javascript>
<!--

initScroll('scrollMenu');
 setTimeout("scrollMenu('scrollMenu')",100);
//-->
</SCRIPT>


</BODY>
</HTML>

~~~~~~~~~~~~~~~~~~~~~~~
http://ebcpro.com.com
where EveryBusinessCounts
~~~~~~~~~~~~~~~~~~~~~~~