1. You are viewing our forum as a guest. For full access please Register. WindowsBBS.com is completely free, paid for by advertisers and donations.

Vertical Scroller in Netscape

Discussion in 'Firefox, Thunderbird & SeaMonkey' started by qazx, 2005/04/04.

Thread Status:
Not open for further replies.
  1. 2005/04/04
    qazx

    qazx Inactive Thread Starter

    Joined:
    2005/04/04
    Messages:
    6
    Likes Received:
    0
    Hi,

    I got given this great vertical text scroller code and made up a trial page with it - it works real well in IE5 - couldn't want anything better - BUT I think it may not work so well in Netscape. Can someone tell me how it can be checked for performance in Netscape.

    I think the "problem" may lie in the values in the two lines which i think cater for Netscape:

    <ilayer name= "nscontainer7" width=155 height=170 clip= "0,0,155,170 ">
    <layer name= "nscontent7" width=155 height=170>

    These turn up with each copy of scroller


    The whole page with 3 sets of this scroller have the following code - its a bit long but that is mainly because its repeated 3 times.

    <HTML><HEAD>

    <script language= "JavaScript1.2 ">

    <!-- Browser Check -->
    iens6=document.all||document.getElementById
    ns4=document.layers

    <!--GLOBAL SCROLLER VARIABLES-->

    var scrollspeed = 50 <!-- scrollspeed, lower is faster -->

    var step=1
    var contentobj
    var contentheight
    var theobj
    var theheight
    var thename
    var thecontainer
    var theScroller
    var timerup
    var timerdown
    var timerupname
    var timerdownname
    <!--END GLOBAL SCROLLER VARIABLES-->

    <!--GLOBAL SCROLLER FUNCTIONS-->
    function director(incomingScroller,theFunction) {
    stopall()
    theScroller=incomingScroller
    theobj = "contentobj "+theScroller
    theheight = "contentheight "+theScroller
    if(iens6){
    thename = "content "+theScroller
    theobj=document.getElementById? document.getElementById(thename):document.all.thename
    theheight=theobj.offsetHeight
    if (document.getElementById&&!document.all){
    step=5
    }
    }else if(ns4){
    thename = "nscontent "+theScroller
    thecontainer = "nscontainer "+theScroller
    theobj = eval( "document. "+thecontainer+ ".document. "+thename)
    theheight=theobj.clip.height
    }
    if(theFunction== "sd ") {
    timerdown= "window.down "+theScroller
    timerdownname= "down "+theScroller
    scrolldown()
    }else if(theFunction== "su ") {
    timerup= "window.up "+theScroller
    timerupname= "up "+theScroller
    scrollup()
    }else if(theFunction== "sa ") {
    stopall()
    }else if(theFunction== "st ") {
    shifttotop()
    }
    }
    <!-- scroll down function -->
    function scrolldown() {
    if(iens6&&parseInt(theobj.style.top)>=(theheight*(-1)+180)){
    theobj.style.top=parseInt(theobj.style.top)-step
    }else if(ns4&&theobj.top>=(theheight*(-1)+180)){
    theobj.top-=step
    }
    timerdownname = setTimeout( "scrolldown() ",scrollspeed)
    }
    <!-- scroll up function -->
    function scrollup() {
    if(iens6&&parseInt(theobj.style.top)<=0){
    theobj.style.top=parseInt(theobj.style.top)+step
    }else if(ns4&&theobj.top<=0){
    theobj.top+=step
    }
    timerupname = setTimeout( "scrollup() ",scrollspeed)
    }
    <!-- function to stop all scroll timers -->
    function stopall() {
    if(timerup){
    clearTimeout(timerupname)
    }
    if(timerdown){
    clearTimeout(timerdownname)
    }
    }
    <!-- function that shifts the object to top -->
    function shifttotop(){
    stopall()
    if (iens6) {
    theobj.style.top=0
    }else{
    theobj.top=0
    }
    }

    </script> <!============--END GLOBAL SCROLLER FUNCTIONS--===========>
    </HEAD>

    <TITLE>PAGE 1 - HOME </TITLE>

    <TABLE> <TR> <TD>
    <BODY leftmargin=10 bgcolor=FFFFFF ffffdd F9FCC9 FFFFCO><FFFFCF then FFFCCF !FFFF99> <!TARGET BLANK example>


    <!========================= TABLE 1 INTRODUCTION =============>
    <TABLE BORDER= "0" CELLSPACING=0 CELLPADDING=0 width=100% bordercolor=FFFFF bgcolor= "#000080 ">

    <TR>
    <TD ALIGN= "center" VALIGN=TOP BGCOLOR=FFFFEO>
    <p ALIGN= "CENTER "></b><font face=times new roman,arial,georgia style= "font-size:19pt" color= "#009900 ">The Truths That Matter

    <BR><FONT style= "font-size: 2pt "><BR><font face=arial font style= "font-size: 10pt" color=black>This is the <font color=crimson style= "font-size: 12pt "></b> "Summaries Page "</TD></TR> </TABLE>

    <Table WIDTH=100% BORDER=5 BORDERCOLOR=FFFFDD CELLPADDING=0 CELLSPACING=0> <TR bgcolor=white ><TR><TD VALIGN=TOP ALIGN=CENTER BGCOLOR=GRAY><FONT face=arial,georgia style= "font-size:12pt;" COLOR=F9FFEO><B> &loz; LISTS OF SUMMARIES OF ARTICLES &loz; </TD></TR>
    </TABLE>


    <Table WIDTH=100% BORDER= "1" BORDERCOLOR=grey CELLPADDING=0 CELLSPACING=0> <TR bgcolor=white >

    <!============== LIST A LIST A LIST A LIST A ============!>
    <TD valign=top ALIGN=CENTER WIDTH=34% bgcolor=ffffdd > <font face=arial,georgia color=green style= "font-size:12pt; "> <B>WHAT'S NEW AND LIST OF SUMMARIES</TD>

    <!============== LIST B LIST B LIST B LIST B ============!>
    <TD VALIGN=TOP ALIGN=CENTER WIDTH=34% bgcolor=ffffdd ><font face=arial,georgia color=green style= "font-size:12pt; "> <B>LIST B </td>

    <!============== LIST C LIST C LIST C LIST C ============!>

    <TD VALIGN=TOP ALIGN=CENTER BGCOLOR=ffffdd> <font face=arial,georgia color=green style= "font-size:12pt; "><B><font color=green>
    LIST C </TD>
    </TR>
    </TABLE>

    <!========== LEAVE BELOW INTACT FOR 3 COLUMNS ========>

    <TABLE ALIGN=CENTER WIDTH=100% CELLPADDING= "0" CELLSPACING= "5" BORDER= "0" >
    <TR>

    <TD VALIGN= "TOP" WIDTH= "34% ">

    <!-- ******************START SCROLLER 13 ***************** -->

    <!-- Container setup -->
    <script language= "JavaScript1.2 ">
    if (iens6){
    document.write('<div id= "container13" style= "position:relative;width:100%;height:170px;overflow:hidden;border:0px ridge white ">')
    document.write('<div id= "content13" style= "position:relative;width:100%;left:0;top:0 ">')
    }
    </script>
    <ilayer name= "nscontainer13" width=155 height=170 clip= "0,0,155,170 ">
    <layer name= "nscontent13" width=155 height=170>

    <!--INSERT SCROLLER 13 CONTENT HERE--> <!===CONTENTS PROPER=======>

    <TABLE > <TR><td valign= "top "><P ALIGN= "JUSTIFY "> <!OL>
    <!LI> <FONT FACE=ARIAL font style= "font-size:12pt" color= "crimson "><B> <P align=justify> WHAT'S NEW<BR><FONT style= "font-size:10pt "><B><font color=000000> - did you know that The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog and so on and so on and so on and so on and so on and so on and so on and so on and so on and so on and so on and so on </td></tr>
    </table><!br> </font>
    <!--END SCROLLER 13 CONTENT-->

    </layer></ilayer>

    <script language= "JavaScript1.2 ">
    if (iens6){
    document.write('</div></div>')
    }
    </script>

    <!-- Controller setup 13-->
    <table width= "100%" cellpadding= "0" cellspacing= "1" border= "0" bgcolor= "F9FFEO ">
    <tr>
    <td width= "25%" align= "center" valign= "bottom ">
    <a onmouseover= "director(13,'sd') "> <font face= "times" style= "color:#808080;text-decoration:none;cursor:hand; "><font style= "font-size:9pt; "></b>Read Down</b></font></a>
    </td>
    <td width= "25%" align= "center" valign= "bottom ">
    <a onmouseover= "director(13,'sa') "><font face= "times" style= "color:#808080;text-decoration:none; "><font style= "font-size:9pt; "></b>Stop</b></font></a>
    </td>
    <td width= "25%" align= "center" valign= "bottom ">
    <a onmouseover= "director(13,'su') "><font face= "times" style= "color:#808080;text-decoration:none; "><font style= "font-size:9pt; "></b>Read Up</b></font></a>
    </td>
    <td width= "25%" align= "center" valign= "bottom ">
    <a onmouseover= "director(13,'st') "><font face= "times" style= "color:#808080;text-decoration:none; "><font style= "font-size:9pt; "></b>First lines</b></font></a>
    </td>
    </tr>
    </table>
    <!-- End Controller setup -->

    <HR color=green>
    <!-- End Container setup -->
    <!--***************END SCROLLER 13 ******************* -->


    <! ===================== LIST B ARTICLES =====================>
    <TD VALIGN= "TOP" WIDTH= "1" BGCOLOR="#009900 "> <IMG SRC= "../../images/blank.gif" WIDTH= "1" HEIGHT= "1 "></TD>

    <TD VALIGN= "TOP" WIDTH= "34% ">

    <! ================ SCROLLER STUFF ================>
    <!-- ******************START SCROLLER 1***************** -->
    <!-- Container setup -->
    <script language= "JavaScript1.2 ">
    if (iens6){
    document.write('<div id= "container1" style= "position:relative;width:100%;height:170px;overflow:hidden;border:0px ridge white ">')
    document.write('<div id= "content1" style= "position:relative;width:100%;left:0;top:0 ">')
    }
    </script>
    <ilayer name= "nscontainer1" width=155 height=170 clip= "0,0,155,170 ">
    <layer name= "nscontent1" width=155 height=170>

    <!--INSERT SCROLLER 1 CONTENT HERE-->

    <TABLE > <TR><td valign= "top "><P ALIGN= "JUSTIFY "> <!OL>
    <!LI> <FONT FACE=ARIAL font style= "font-size:12pt" color= "crimson "><B> <P align=justify> B.1 - did you know that The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog and so on and so on and so on and so on and so on and so on and so on and so on and so on and so on and so on and so on </td></tr>
    </table><br> </font>
    <!--END SCROLLER 1 CONTENT-->

    </layer></ilayer>

    <script language= "JavaScript1.2 ">
    if (iens6){
    document.write('</div></div>')
    }
    </script> <!-- End Container setup -->

    <!-- CONTROLLER SETUP 1-->

    <table valign=top width= "100%" cellpadding= "0" cellspacing= "1" border= "0" bgcolor= "F9FFEO ">
    <tr>
    <td width= "25%" align= "center" valign= "bottom ">
    <a onmouseover= "director(1,'sd')" href= "Javascript:director(1,'sd') "><font face= "times" style= "color:#808080;text-decoration:none; "><font style= "font-size:9pt; "><!b>Read Down</b></font></a>
    </td>
    <td width= "25%" align= "center" valign= "bottom ">
    <a onmouseover= "director(1,'sa')" href= "Javascript:director(1,'sa') "><font face= "times" style= "color:#808080;text-decoration:none; "><font style= "font-size:9pt; "></b>Stop</b></font></a>
    </td>
    <td width= "25%" align= "center" valign= "bottom ">
    <a onmouseover= "director(1,'su')" href= "Javascript:director(1,'su') "><font face= "times" style= "color:#808080;text-decoration:none; "><font style= "font-size:9pt; "><!b>Read Up</b></font></a>
    </td>
    <td width= "25%" align= "center" valign= "bottom ">
    <a onmouseover= "director(1,'st')" href= "Javascript:director(1,'st') "><font face= "times" style= "color:#808080;text-decoration:none; "><font style= "font-size:9pt; "></b>First lines</b></font></a>
    </td>
    </tr>
    </table>
    <!-- End Controller setup -->

    <HR color=green>

    <!=============== END END MIDDLE COLUMN ==============>

    <TD VALIGN= "TOP" WIDTH= "1" BGCOLOR="#009900 "> <IMG SRC= "../../images/blank.gif" WIDTH= "1" HEIGHT= "1 "></TD>

    <!==================== LIST C ARTICLES ==============>

    <TD VALIGN= "TOP" WIDTH= "35% ">

    <!========================== SCROLLER STUFF ===============>

    <!-- ******************START SCROLLER 7 ***************** -->

    <!-- Container setup -->
    <script language= "JavaScript1.2 ">
    if (iens6){
    document.write('<div id= "container7" style= "position:relative;width:100%;height:170px;overflow:hidden;border:0px ridge white ">')
    document.write('<div id= "content7" style= "position:relative;width:100%;left:0;top:0 ">')
    }
    </script>
    <ilayer name= "nscontainer7" width=155 height=170 clip= "0,0,155,170 ">
    <layer name= "nscontent7" width=155 height=170>

    <!--INSERT SCROLLER 7 CONTENT HERE-->

    <!===CONTENTS PROPER=======>
    <TABLE > <TR><td valign= "top ">
    <P align= "justify "><font face=arial,georgia style= "font-size:11pt" color=BLACK><B>7. <font face=arial,georgia style= "font-size:12pt" color=BLUE> did you know that The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog and so on and so on and so on and so on and so on and so on and so on and so on and so on and so on and so on and so on <BR>
    </td></tr>
    </table><br>
    </font>
    <!--END SCROLLER 7 CONTENT-->

    </layer></ilayer>

    <script language= "JavaScript1.2 ">
    if (iens6){
    document.write('</div></div>')
    }
    </script> <!-- End Container setup -->

    <!-- CONTROLLER 7 SETUP -->
    <table width= "100%" cellpadding= "0" cellspacing= "1" border= "0" bgcolor= "F9FFEO ">
    <tr>
    <td width= "25%" align= "center" valign= "bottom ">
    <a onmouseover= "director(7,'sd')" href= "Javascript:director(7,'sd') "><font face= "times" style= "color:#808080;text-decoration:none; "><font style= "font-size:9pt; "></b>Read Down</b></font></a>
    </td>
    <td width= "25%" align= "center" valign= "bottom ">
    <a onmouseover= "director(7,'sa')" href= "Javascript:director(7,'sa') "><font face= "times" style= "color:#808080;text-decoration:none; "><font style= "font-size:9pt; "></b>Stop</b></font></a>
    </td>
    <td width= "25%" align= "center" valign= "bottom ">
    <a onmouseover= "director(7,'su')" href= "Javascript:director(7,'su') "><font face= "times" style= "color:#808080;text-decoration:none; "><font style= "font-size:9pt; "></b>Read Up</b></font></a>
    </td>
    <td width= "25%" align= "center" valign= "bottom ">
    <a onmouseover= "director(7,'st')" href= "Javascript:director(7,'st') "><font face= "times" style= "color:#808080;text-decoration:none; "><font style= "font-size:9pt; "></b>First lines</b></font></a>
    </td>
    </tr>
    </table>
    <!-- End Controller 7 setup -->
    <HR color=green>

    <!--=======END SCROLLER 7*======-->


    </TD> </TR> </TABLE>
    </BODY></HTML>

    thanks in advance to anyone for help
     
    qazx,
    #1
  2. 2005/04/05
    Ramona

    Ramona Geek Member Alumni

    Joined:
    2001/12/31
    Messages:
    7,481
    Likes Received:
    2
    Welcome to the Forum, gazx!

    gazx,

    I don't believe you're going to get the kind of help you need here. I certainly don't have the expertise to help you, but I can give you some links that may be helpful:

    http://www.codingforums.com/
    http://www.webdevforums.com/index.php?
    http://www.webdevforums.com/forumdisplay.php?f=5
    http://www.tek-tips.com/threadminder.cfm?pid=216
    http://www.dynamicdrive.com/forums/

    A Google Search for JavaScript Help Forums may also bring you many links to explore.

    Ramona
     
    Ramona,
    #2


  3. to hide this advert.

  4. 2005/04/06
    qazx

    qazx Inactive Thread Starter

    Joined:
    2005/04/04
    Messages:
    6
    Likes Received:
    0
    Thanks for looking my post, anyway - it seems as if you're right about getting help on this point

    But can you tell whether all code Tags which work with IE5 work as well with Netscape? Especially if I have a page as in my post with 3 Cells/TD's across a page, which work perfect in IE5 - will they work as well with Netscape?

    Am I right in thinking that vertical scrolling in Netscape cannot be controlled as well as in IE5? Being faster in the former for a good speed in IE5?

    Thanks again, Ad
     
    qazx,
    #3
  5. 2005/04/08
    Ramona

    Ramona Geek Member Alumni

    Joined:
    2001/12/31
    Messages:
    7,481
    Likes Received:
    2
    gazx,

    Sorry, but I can't give you a definitive answer. I did find a group that has a good deal of Mozilla/Netscape/Firefox information. Ask your questions here...

    Forum for Designers

    Ramona
     
    Ramona,
    #4
  6. 2005/04/09
    Antony

    Antony Inactive

    Joined:
    2002/01/01
    Messages:
    405
    Likes Received:
    0
    Hello qazx,

    I found one mistake in your code,
    in (about) line 35, you had
    theobj=document.getElementById? document.getElementById(thename):document.all.then ame
    It should be
    theobj=document.getElementById? document.getElementById(thename):document.all.thename;

    BTW, it's a good coding practice to add semicolon ( ; ) to the end of each statement.

    I cleared the code a bit (as following), and it the scroller works for Netscape 7.2 (OS X) and Safari 1.2 (OS X).

    Hope this helps.

    Code:
     <HTML><HEAD>

 <script language= "JavaScript1.2 ">

 <!-- Browser Check -->
 iens6=document.all||document.getElementById;
 ns4=document.layers;

 <!--GLOBAL SCROLLER VARIABLES-->

 var scrollspeed = 50; <!-- scrollspeed, lower is faster -->

 var step=1;
 var contentobj;
 var contentheight;
 var theobj;
 var theheight;
 var thename;
 var thecontainer;
 var theScroller;
 var timerup;
 var timerdown;
 var timerupname;
 var timerdownname;
 <!--END GLOBAL SCROLLER VARIABLES-->

 <!--GLOBAL SCROLLER FUNCTIONS-->
 function director(incomingScroller,theFunction) {
 	stopall()
 	theScroller=incomingScroller;
	 theobj =  "contentobj "+theScroller;
	 theheight =  "contentheight "+theScroller;
	 if(iens6) {
		 thename =  "content "+theScroller;
		 theobj=document.getElementById? document.getElementById(thename):document.all.thename;
		 theheight=theobj.offsetHeight;
		 if (document.getElementById&&!document.all){
			 step=5;
		 }
	 } else if(ns4){
		 thename =  "nscontent "+theScroller;
		 thecontainer =  "nscontainer "+theScroller;
		 theobj = eval( "document. "+thecontainer+ ".document. "+thename);
		 theheight=theobj.clip.height;
	 }
	 if(theFunction== "sd ") {
		 timerdown= "window.down "+theScroller;
		 timerdownname= "down "+theScroller;
		 scrolldown();
	 } else if(theFunction== "su ") {
		 timerup= "window.up "+theScroller;
		 timerupname= "up "+theScroller;
		 scrollup();
	 } else if(theFunction== "sa ") {
		 stopall();
	 } else if(theFunction== "st ") {
		 shifttotop();
	 }
 }
 <!-- scroll down function -->
 function scrolldown() {
	 if(iens6&&parseInt(theobj.style.top)>=(theheight*(-1)+180)){
		 theobj.style.top=parseInt(theobj.style.top)-step;
	 }else if(ns4&&theobj.top>=(theheight*(-1)+180)){
		 theobj.top-=step;
	 }
	 timerdownname = setTimeout( "scrolldown() ",scrollspeed);
 }
 <!-- scroll up function -->
 function scrollup() {
	 if(iens6&&parseInt(theobj.style.top)<=0){
		 theobj.style.top=parseInt(theobj.style.top)+step;
	 }else if(ns4&&theobj.top<=0){ 
		 theobj.top+=step;
	 }
	 timerupname = setTimeout( "scrollup() ",scrollspeed);
 }
 <!-- function to stop all scroll timers -->
 function stopall() {
 if(timerup){
	 clearTimeout(timerupname);
 }
 if(timerdown){
	 clearTimeout(timerdownname);
 }
 }
 <!-- function that shifts the object to top -->
 function shifttotop(){
	 stopall();
 if (iens6) {
 	theobj.style.top=0
 } else {
 	theobj.top=0;
 }
 }

 </script> <!============--END GLOBAL SCROLLER FUNCTIONS--===========>
 </HEAD>

 <TITLE>PAGE 1 - HOME </TITLE>

 <TABLE> <TR> <TD>
 <BODY leftmargin=10 bgcolor=FFFFFF ffffdd F9FCC9 FFFFCO><FFFFCF then FFFCCF !FFFF99> <!TARGET BLANK example>


 <!========================= TABLE 1 INTRODUCTION =============>
 <TABLE BORDER= "0" CELLSPACING=0 CELLPADDING=0 width=100% bordercolor=FFFFF bgcolor= "#000080 "> 

 <TR>
 <TD ALIGN= "center" VALIGN=TOP BGCOLOR=FFFFEO>
 <p ALIGN= "CENTER "></b><font face=times new roman,arial,georgia style= "font-size:19pt" color= "#009900 ">The Truths That Matter 

 <BR><FONT style= "font-size: 2pt "><BR><font face=arial font style= "font-size: 10pt" color=black>This is the <font color=crimson style= "font-size: 12pt "></b> "Summaries Page "</TD></TR> </TABLE>

 <Table WIDTH=100% BORDER=5 BORDERCOLOR=FFFFDD CELLPADDING=0 CELLSPACING=0> <TR bgcolor=white ><TR><TD VALIGN=TOP ALIGN=CENTER BGCOLOR=GRAY><FONT face=arial,georgia style= "font-size:12pt;" COLOR=F9FFEO><B> &loz; LISTS OF SUMMARIES OF ARTICLES &loz; </TD></TR>
 </TABLE>


 <Table WIDTH=100% BORDER= "1" BORDERCOLOR=grey CELLPADDING=0 CELLSPACING=0> <TR bgcolor=white > 

 <!============== LIST A LIST A LIST A LIST A ============!>
 <TD valign=top ALIGN=CENTER WIDTH=34% bgcolor=ffffdd > <font face=arial,georgia color=green style= "font-size:12pt; "> <B>WHAT'S NEW AND LIST OF SUMMARIES</TD> 

 <!============== LIST B LIST B LIST B LIST B ============!>
 <TD VALIGN=TOP ALIGN=CENTER WIDTH=34% bgcolor=ffffdd ><font face=arial,georgia color=green style= "font-size:12pt; "> <B>LIST B </td> 

 <!============== LIST C LIST C LIST C LIST C ============!>

 <TD VALIGN=TOP ALIGN=CENTER BGCOLOR=ffffdd> <font face=arial,georgia color=green style= "font-size:12pt; "><B><font color=green> 
 LIST C </TD>
 </TR>
 </TABLE> 

 <!========== LEAVE BELOW INTACT FOR 3 COLUMNS ========>

 <TABLE ALIGN=CENTER WIDTH=100% CELLPADDING= "0" CELLSPACING= "5" BORDER= "0" > 
 <TR> 

 <TD VALIGN= "TOP" WIDTH= "34% "> 

 <!-- ******************START SCROLLER 13 ***************** -->

 <!-- Container setup -->
 <script language= "JavaScript1.2 ">
 if (iens6){
 document.write('<div id= "container13" style= "position:relative;width:100%;height:170px;overflow :hidden;border:0px ridge white ">')
 document.write('<div id= "content13" style= "position:relative;width:100%;left:0;top:0 ">')
 }
 </script>
 <ilayer name= "nscontainer13" width=155 height=170 clip= "0,0,155,170 ">
 <layer name= "nscontent13" width=155 height=170>

 <!--INSERT SCROLLER 13 CONTENT HERE--> <!===CONTENTS PROPER=======>

 <TABLE > <TR><td valign= "top "><P ALIGN= "JUSTIFY "> <!OL> 
 <!LI> <FONT FACE=ARIAL font style= "font-size:12pt" color= "crimson "><B> <P align=justify> WHAT'S NEW<BR><FONT style= "font-size:10pt "><B><font color=000000> - did you know that The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog and so on and so on and so on and so on and so on and so on and so on and so on and so on and so on and so on and so on </td></tr>
 </table><!br> </font>
 <!--END SCROLLER 13 CONTENT-->

 </layer></ilayer>

 <script language= "JavaScript1.2 ">
 if (iens6){
 document.write('</div></div>')
 }
 </script>

 <!-- Controller setup 13-->
 <table width= "100%" cellpadding= "0" cellspacing= "1" border= "0" bgcolor= "F9FFEO ">
 <tr>
 <td width= "25%" align= "center" valign= "bottom ">
 <a onmouseover= "director(13,'sd') "> <font face= "times" style= "color:#808080;text-decoration:none;cursor:hand; "><font style= "font-size:9pt; "></b>Read Down</b></font></a>
 </td>
 <td width= "25%" align= "center" valign= "bottom ">
 <a onmouseover= "director(13,'sa') "><font face= "times" style= "color:#808080;text-decoration:none; "><font style= "font-size:9pt; "></b>Stop</b></font></a>
 </td>
 <td width= "25%" align= "center" valign= "bottom ">
 <a onmouseover= "director(13,'su') "><font face= "times" style= "color:#808080;text-decoration:none; "><font style= "font-size:9pt; "></b>Read Up</b></font></a>
 </td>
 <td width= "25%" align= "center" valign= "bottom ">
 <a onmouseover= "director(13,'st') "><font face= "times" style= "color:#808080;text-decoration:none; "><font style= "font-size:9pt; "></b>First lines</b></font></a>
 </td>
 </tr> 
 </table>
 <!-- End Controller setup -->

 <HR color=green>
 <!-- End Container setup -->
 <!--***************END SCROLLER 13 ******************* -->


 <! ===================== LIST B ARTICLES =====================> 
 <TD VALIGN= "TOP" WIDTH= "1" BGCOLOR="#009900 "> <IMG SRC= "../../images/blank.gif" WIDTH= "1" HEIGHT= "1 "></TD>

 <TD VALIGN= "TOP" WIDTH= "34% ">

 <! ================ SCROLLER STUFF ================>
 <!-- ******************START SCROLLER 1***************** -->
 <!-- Container setup -->
 <script language= "JavaScript1.2 ">
 if (iens6){
 document.write('<div id= "container1" style= "position:relative;width:100%;height:170px;overflow :hidden;border:0px ridge white ">')
 document.write('<div id= "content1" style= "position:relative;width:100%;left:0;top:0 ">')
 }
 </script>
 <ilayer name= "nscontainer1" width=155 height=170 clip= "0,0,155,170 ">
 <layer name= "nscontent1" width=155 height=170>

 <!--INSERT SCROLLER 1 CONTENT HERE-->

 <TABLE > <TR><td valign= "top "><P ALIGN= "JUSTIFY "> <!OL> 
 <!LI> <FONT FACE=ARIAL font style= "font-size:12pt" color= "crimson "><B> <P align=justify> B.1 - did you know that The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog and so on and so on and so on and so on and so on and so on and so on and so on and so on and so on and so on and so on </td></tr>
 </table><br> </font>
 <!--END SCROLLER 1 CONTENT-->

 </layer></ilayer>

 <script language= "JavaScript1.2 ">
 if (iens6){
 document.write('</div></div>')
 }
 </script> <!-- End Container setup -->

 <!-- CONTROLLER SETUP 1-->

 <table valign=top width= "100%" cellpadding= "0" cellspacing= "1" border= "0" bgcolor= "F9FFEO ">
 <tr>
 <td width= "25%" align= "center" valign= "bottom ">
 <a onmouseover= "director(1,'sd')" href= "javascript:director(1,'sd') "><font face= "times" style= "color:#808080;text-decoration:none; "><font style= "font-size:9pt; "><!b>Read Down</b></font></a>
 </td>
 <td width= "25%" align= "center" valign= "bottom ">
 <a onmouseover= "director(1,'sa')" href= "javascript:director(1,'sa') "><font face= "times" style= "color:#808080;text-decoration:none; "><font style= "font-size:9pt; "></b>Stop</b></font></a>
 </td>
 <td width= "25%" align= "center" valign= "bottom ">
 <a onmouseover= "director(1,'su')" href= "javascript:director(1,'su') "><font face= "times" style= "color:#808080;text-decoration:none; "><font style= "font-size:9pt; "><!b>Read Up</b></font></a>
 </td> 
 <td width= "25%" align= "center" valign= "bottom ">
 <a onmouseover= "director(1,'st')" href= "javascript:director(1,'st') "><font face= "times" style= "color:#808080;text-decoration:none; "><font style= "font-size:9pt; "></b>First lines</b></font></a>
 </td>
 </tr> 
 </table>
 <!-- End Controller setup -->

 <HR color=green>

 <!=============== END END MIDDLE COLUMN ==============>

 <TD VALIGN= "TOP" WIDTH= "1" BGCOLOR="#009900 "> <IMG SRC= "../../images/blank.gif" WIDTH= "1" HEIGHT= "1 "></TD>

 <!==================== LIST C ARTICLES ==============>

 <TD VALIGN= "TOP" WIDTH= "35% ">

 <!========================== SCROLLER STUFF ===============> 

 <!-- ******************START SCROLLER 7 ***************** -->

 <!-- Container setup -->
 <script language= "JavaScript1.2 ">
 if (iens6){
 document.write('<div id= "container7" style= "position:relative;width:100%;height:170px;overflow :hidden;border:0px ridge white ">')
 document.write('<div id= "content7" style= "position:relative;width:100%;left:0;top:0 ">')
 }
 </script>
 <ilayer name= "nscontainer7" width=155 height=170 clip= "0,0,155,170 ">
 <layer name= "nscontent7" width=155 height=170>

 <!--INSERT SCROLLER 7 CONTENT HERE-->

 <!===CONTENTS PROPER=======>
 <TABLE > <TR><td valign= "top ">
 <P align= "justify "><font face=arial,georgia style= "font-size:11pt" color=BLACK><B>7. <font face=arial,georgia style= "font-size:12pt" color=BLUE> did you know that The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog The quick brown fox jumped over the lazy dog and so on and so on and so on and so on and so on and so on and so on and so on and so on and so on and so on and so on <BR> 
 </td></tr>
 </table><br>
 </font>
 <!--END SCROLLER 7 CONTENT-->

 </layer></ilayer>

 <script language= "JavaScript1.2 ">
 if (iens6){
 document.write('</div></div>')
 }
 </script> <!-- End Container setup -->

 <!-- CONTROLLER 7 SETUP -->
 <table width= "100%" cellpadding= "0" cellspacing= "1" border= "0" bgcolor= "F9FFEO ">
 <tr>
 <td width= "25%" align= "center" valign= "bottom ">
 <a onmouseover= "director(7,'sd')" href= "javascript:director(7,'sd') "><font face= "times" style= "color:#808080;text-decoration:none; "><font style= "font-size:9pt; "></b>Read Down</b></font></a>
 </td>
 <td width= "25%" align= "center" valign= "bottom ">
 <a onmouseover= "director(7,'sa')" href= "javascript:director(7,'sa') "><font face= "times" style= "color:#808080;text-decoration:none; "><font style= "font-size:9pt; "></b>Stop</b></font></a>
 </td>
 <td width= "25%" align= "center" valign= "bottom ">
 <a onmouseover= "director(7,'su')" href= "javascript:director(7,'su') "><font face= "times" style= "color:#808080;text-decoration:none; "><font style= "font-size:9pt; "></b>Read Up</b></font></a>
 </td> 
 <td width= "25%" align= "center" valign= "bottom ">
 <a onmouseover= "director(7,'st')" href= "javascript:director(7,'st') "><font face= "times" style= "color:#808080;text-decoration:none; "><font style= "font-size:9pt; "></b>First lines</b></font></a>
 </td>
 </tr> 
 </table>
 <!-- End Controller 7 setup -->
 <HR color=green>

 <!--=======END SCROLLER 7*======--> 


 </TD> </TR> </TABLE>
 </BODY></HTML>
     
    Antony,
    #5
  7. 2005/04/12
    qazx

    qazx Inactive Thread Starter

    Joined:
    2005/04/04
    Messages:
    6
    Likes Received:
    0
    Hello Antony,

    Apology for not replying earlier.

    Very many thanks for reading through this code and for reassurance that it works OK in Netscape and

    BUT, BUT - the error you say, is present in the code I posted in line 35, reads: "then ame" instead of "the name ", is ACTUALLY present in the "corrected" code you've posted - check it out to see I'm not hallucinating. And it's the same in my original post here – BUT BUT I ain't got that error in my code on my comp!! And if I had it I'd know about it because that error screws the scroller right up.

    It seems to me that that error of "then ame" instead of "the name ", is ACTUALLY produced by this forum system page!! Can't see how you'd post it on having corrected it! Weird? But disconcerting, if I've got it right.

    Last question – am I right in finding that in Netscape the scrolling, as it's set in the code, is much faster than in IE5 – in fact it's too fast to read continuously – I guess that can't be corrected so it works at same speed in all Browsers??

    Thanks again – thanks for tip about ending lines with ";" -- if you can find a mo perhaps you'll drop a note about this again. - Ad
     
    qazx,
    #6
  8. 2005/04/12
    Westside

    Westside Inactive Alumni

    Joined:
    2003/03/30
    Messages:
    4,506
    Likes Received:
    14
    In my experience the scrolling speed depended on the mouse. I use the Microsoft Optical Mouse. I can scroll and read, with reasonable control.
     
    Westside,
    #7
  9. 2005/04/13
    Antony

    Antony Inactive

    Joined:
    2002/01/01
    Messages:
    405
    Likes Received:
    0
    Actually, according to the JavaScript syntax, it should be thename (one word).

    If the speed is not of big difference, you don't need to worry about that.

    Or do you have a demo page that you want me to check?
     
    Antony,
    #8
  10. 2005/04/13
    qazx

    qazx Inactive Thread Starter

    Joined:
    2005/04/04
    Messages:
    6
    Likes Received:
    0
    Thanks Westgate and Antony,

    I've got Firefox and IE5 to check the above page in - in IE5 the var
    scrollspeed = value; changing makes for smooth automatic scrolling of text
    in the scrollers, so that when value=50, scroll speed makes reading a tadge
    fast, but in Firefox it's way way too fast - changing value=200, makes
    scrolling fine in IE5, BUT seems to have no effect in Firefox, where the
    scrolling is way too fast still - haven't got Netscape to test in that, BUT I
    read that Netscape behaves as Firefox, in which the auto scroll speed is too
    fast to read properly.

    At a value=500, Firefox auto scroll is justabout OK for reading successive
    lines with out too much hurry.

    BUT in IE5 at this value, the autoscroll moves text far far too slow -
    impractical speed. I dont know what it does at this value in Netscape.

    I've got a test page on

    http://www.catholicpages.info/Pages/TrlScrCrct.htm

    which works fine in IE5 but NOT in Firefox - in the last it opens as three
    equal sized scrollers accross page BUT on getting one scroller to scroll all
    three text areas/TD's change in sizes - all distorted/different sizes - AND
    scroll speed is impractically fast - not so in IE5 - if anything its a bit slow
    there - the scroll value is set to 200.

    Any advice - and how does this page work in Netscape

    Thanks, Ad
     
    Last edited: 2005/04/13
    qazx,
    #9
  11. 2005/04/14
    Westside

    Westside Inactive Alumni

    Joined:
    2003/03/30
    Messages:
    4,506
    Likes Received:
    14
    I tested the link in IE and NS7.2, and I find IE a bit too slow, and NS, a bit too fast. The middle are is narrower than the other two, but there is no distortion.
    . If I visit the parent site, I can use the autoscroll function of my mouse, and go at any speed I like.
     
    Westside,
    #10
  12. 2005/04/15
    qazx

    qazx Inactive Thread Starter

    Joined:
    2005/04/04
    Messages:
    6
    Likes Received:
    0
    Hi Westgate,

    Thanks for checking out the scrollers page in Netscape - I've tested it in
    Firefox - first time page opened with all 3 areas identical BUT on making one
    scroller scroll, the central area collapsed in width - BUT on refreshing all
    areas came up equal and on scrolling stayed unchanged - weird? but there
    must be an answer -

    Yeah, the scrolling speed while being a tadge slow in IE is far too fast for
    raeading in Firefox - but if I make it faster in IE, it gets faster still in Firefox -
    seems one answer is to have a mouse to control the scrolling as you have -
    I dont know how common those are - I use a laptop and so dont have that
    option as a norm.

    I'm pretty sure that there are some incorrect values for Netscape in that
    code - but dont know how to correct them.

    Thanks again
     
    qazx,
    #11
  13. 2005/04/17
    Antony

    Antony Inactive

    Joined:
    2002/01/01
    Messages:
    405
    Likes Received:
    0
    Hello qazx,

    I checked the page, it works fine in Safari, Firefox 1.0.2, MSIE 5.2 (Mac). All speeds are fine.

    Now, checking your code.

    The proper syntax for commenting inside JavaScript is (/* ... */) For example,
    Code:
    /* start
...
end */
    But since you place the entire JavaScript inside HEADER, I have no idea if it would affect the rendering.

    Next, the proper syntax for commenting in HTML is (<!-- .... -->), I noticed that you have a few
    <!============== LIST A LIST A LIST A LIST A ============!>

    Some browser would take <! and end at >, but I would consider that as bad coding.

    Next, I don't think you need <ilayer><layer> (and </layer></ilayer>) at all, since Netscape Communicator recognise <div> with positioning style.

    Hope this helps.
     
    Antony,
    #12
  14. 2005/04/19
    qazx

    qazx Inactive Thread Starter

    Joined:
    2005/04/04
    Messages:
    6
    Likes Received:
    0
    Hello Antony,

    Thanks for the tips and for checking out my page with the three scroller texts.

    Will correct syntax as suggested

    Taking out the </layer></ilayer> seems to make no difference.

    BUT - when I look at that page http://www.catholicpages.info/Pages/TrlScrCrct.htm in Firefox AND start
    FIRST the first text on the left scrolling then the central text field narrows dramatically for me -
    If I start the 2nd or 3rd text scrolling FIRST or the THIRD text scrolling FIRST then all text areas stay equal unchanged

    BUT if I refresh after the central text has naorrowed then all areas resume to be equal and NONE NARROW or change in any way.

    Weird to me - not so in IE

    Any chance you can have a quick dec at this page in Firefox and start scrolling FIRST the text on the left - this should narrow the center text area.
    Perhaps you would then refresh and see whether the same happens as for me

    What's the error here - it doesnt turn up in IE?

    Tahnks, Ad
     
    qazx,
    #13
Thread Status:
Not open for further replies.

Share This Page

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Accept Learn More...