Firefox, Thunderbird & SeaMonkeyPost your questions about Mozilla based products (Firefox, Thunderbird & SeaMonkey) here.
Mission Statement
WindowsBBS is an online community dedicated to easily accessible technical support for those using Microsoft operating systems and other Windows software.
Our goal is to become the leading resource for computer users that require assistance with their day-to-day computer usage, including full support for networking PC's, virus & malware removal, system upgrades and general support questions.
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:
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>
<!============== 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 > <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>
<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 -->
<!===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 -->
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:
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?
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...
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> ◊ LISTS OF SUMMARIES OF ARTICLES ◊ </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>
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
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.
Actually, according to the JavaScript syntax, it should be thename (one word).
Quote:
Originally Posted by qazx
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??
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?
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.
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 by qazx; 14th April 2005 at 03:37.
Reason: url turned up with the </br> tag in it
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.
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.
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.
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
