Cant get this to work in netscape

maybe · Jul 24, 2001

PLease can someone help me.Why won't the anchors work in netscape 4X and it jumps in netscape 6, but it's OK in IE.

<html>
<head>
<title>Scroll</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
#divCont{position:absolute; width:350px; height:210px; overflow:hidden; top:190px; left:162px; clip:rect(0,350,210,0); visibility:hidden;z-index:1;}
#divText{position:absolute; top:100px; left:0px; z-index:1;}
</style>

<script language="JavaScript">

function isWin() {
if (navigator.appVersion.indexOf("Win&quot

!= -1) return true;
else return false;
}

function isPPC() {
if (navigator.appVersion.indexOf("PPC&quot

!= -1) return true;
else return false;
}

function checkBrowser(){
this.ver=navigator.appVersion
this.dom=document.getElementById?1:0
this.ie5=(this.ver.indexOf("MSIE 5&quot

>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
return this
}
bw=new checkBrowser()

//If you want it to move faster you can set this lower:
var speed=10

//Sets variables to keep track of what's happening
var loop, timer

//Object constructor
function makeObj(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;
this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight
this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight
this.up=goUp;this.down=goDown;
this.moveIt=moveIt; this.x; this.y;
this.obj = obj + "Object"
eval(this.obj + "=this&quot

return this
}
function moveIt(x,y){
this.x=x;this.y=y
this.css.left=this.x
this.css.top=this.y
}

//Makes the object go up
function goDown(move){
if(this.y>-this.scrollHeight+oCont.clipHeight){
this.moveIt(0,this.y-move)
if(loop) setTimeout(this.obj+".down("+move+&quot

",speed)
}
}
//Makes the object go down
function goUp(move){
if(this.y<0){
this.moveIt(0,this.y-move)
if(loop) setTimeout(this.obj+".up("+move+&quot

",speed)
}
}

//Calls the scrolling functions. Also checks whether the page is loaded or not.
function scroll(speed){
if(loaded){
loop=true;
if(speed>0) oScroll.down(speed)
else oScroll.up(speed)
}
}

//Stops the scrolling (called on mouseout)
function noScroll(){
loop=false
if(timer) clearTimeout(timer)
}
//Makes the object
var loaded;
function scrollInit(){
oCont=new makeObj('divCont')
oScroll=new makeObj('divText','divCont')
oScroll.moveIt(0,0)
oCont.css.visibility='visible'
loaded=true;
}
//Call the init on page load
onload=scrollInit;

ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
verOK=(ns4||ie4)

//stick in the href to stop netscape jumping to the top
function nothing(){
}

//-->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" rightmargin="0">
<div id="divCont">
<div id="divText">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="whiteSubHeadings"><a name="anchor1">Anchor 1</a></td>
</tr>
<tr>
<td class="blackLayerText">
This is dummy copy it is not intended
to be read but is merely a simulation of text yet to be written.
This is dummy copy it is not intended to be read but is merely
a simulation of text yet to be written. This is dummy copy it
is not intended to be read but is merely a simulation of text
yet to be written. This is dummy copy it is not intended to
be read but is merely a simulation of text yet to be written.
</td>
</tr>
<tr>
<td class="blackLayerText">
</td>
</tr>
<tr>
<td class="whiteSubHeadings"><a name="anchor2">Anchor 2</a></td>
</tr>
<tr>
<td class="blackLayerText">
This is dummy copy it is not intended
to be read but is merely a simulation of text yet to be written.
This is dummy copy it is not intended to be read but is merely
a simulation of text yet to be written. This is dummy copy it
is not intended to be read but is merely a simulation of text
yet to be written. This is dummy copy it is not intended to
be read but is merely a simulation of text yet to be written.</td>
</tr>
<tr>
<td class="blackLayerText">
</td>
</tr>
<tr>
<td class="whiteSubHeadings"><a name="anchor3">Anchor 3</a></td>
</tr>
<tr>
<td class="blackLayerText">
This is dummy copy it is not intended
to be read but is merely a simulation of text yet to be written.
This is dummy copy it is not intended to be read but is merely
a simulation of text yet to be written. This is dummy copy it
is not intended to be read but is merely a simulation of text
yet to be written. This is dummy copy it is not intended to
be read but is merely a simulation of text yet to be written.</td>
</tr>
<tr>
<td class="blackLayerText">
</td>
</tr>
<tr>
<td class="whiteSubHeadings"><a name="anchor4">Anchor 4</a></td>
</tr>
<tr>
<td class="blackLayerText">
This is dummy copy it is not intended
to be read but is merely a simulation of text yet to be written.
This is dummy copy it is not intended to be read but is merely
a simulation of text yet to be written. This is dummy copy it
is not intended to be read but is merely a simulation of text
yet to be written. This is dummy copy it is not intended to
be read but is merely a simulation of text yet to be written.</td>
</tr>
<tr>
<td class="blackLayerText">
</td>
</tr>
<tr>
<td class="whiteSubHeadings"><a name="anchor5">Anchor 5</a></td>
</tr>
<tr>
<td class="blackLayerText">
This is dummy copy it is not intended
to be read but is merely a simulation of text yet to be written.
This is dummy copy it is not intended to be read but is merely
a simulation of text yet to be written. This is dummy copy it
is not intended to be read but is merely a simulation of text
yet to be written. This is dummy copy it is not intended to
be read but is merely a simulation of text yet to be written.</td>
</tr>
<tr>
<td class="blackLayerText">
</td>
</tr>
<tr>
<td class="whiteSubHeadings"><a name="anchor6">Anchor 6</a></td>
</tr>
<tr>
<td class="blackLayerText">
This is dummy copy it is not intended
to be read but is merely a simulation of text yet to be written.
This is dummy copy it is not intended to be read but is merely
a simulation of text yet to be written. This is dummy copy it
is not intended to be read but is merely a simulation of text
yet to be written. This is dummy copy it is not intended to
be read but is merely a simulation of text yet to be written.</td>
</tr>
<tr>
<td class="blackLayerText">
</td>
</tr>
<tr>
<td class="whiteSubHeadings"><a name="anchor7">Anchor 7</a></td>
</tr>
<tr>
<td class="blackLayerText">
This is dummy copy it is not intended
to be read but is merely a simulation of text yet to be written.
This is dummy copy it is not intended to be read but is merely
a simulation of text yet to be written. This is dummy copy it
is not intended to be read but is merely a simulation of text
yet to be written. This is dummy copy it is not intended to
be read but is merely a simulation of text yet to be written.</td>
</tr>
<tr>
<td class="blackLayerText">
</td>
</tr>
<tr>
<td class="whiteSubHeadings"><a name="anchor8">Anchor 8</a></td>
</tr>
<tr>
<td class="blackLayerText">This is dummy copy it is not intended
to be read but is merely a simulation of text yet to be written.
This is dummy copy it is not intended to be read but is merely
a simulation of text yet to be written. This is dummy copy it
is not intended to be read but is merely a simulation of text
yet to be written. This is dummy copy it is not intended to
be read but is merely a simulation of text yet to be written.</td>
</tr>
<tr>
<td class="blackLayerText">
</td>
</tr>
<tr>
<td class="whiteSubHeadings"><a name="anchor9">Anchor 9</a></td>
</tr>
<tr>
<td class="blackLayerText">
This is dummy copy it is not intended
to be read but is merely a simulation of text yet to be written.
This is dummy copy it is not intended to be read but is merely
a simulation of text yet to be written. This is dummy copy it
is not intended to be read but is merely a simulation of text
yet to be written. This is dummy copy it is not intended to
be read but is merely a simulation of text yet to be written.</td>
</tr>
<tr>
<td class="blackLayerText">
</td>
</tr>
<tr>
<td class="whiteSubHeadings"><a name="anchor10">Anchor 10</a></td>
</tr>
<tr>
<td class="blackLayerText">This is dummy copy it is not intended
to be read but is merely a simulation of text yet to be written.
This is dummy copy it is not intended to be read but is merely
a simulation of text yet to be written. This is dummy copy it
is not intended to be read but is merely a simulation of text
yet to be written. This is dummy copy it is not intended to
be read but is merely a simulation of text yet to be written.</td>
</tr>
<tr>
<td class="blackLayerText">
</td>
</tr>
<tr>
<td class="whiteSubHeadings"><a name="anchor11">Anchor 11</a></td>
</tr>
<tr>
<td class="blackLayerText">This is dummy copy it is not intended
to be read but is merely a simulation of text yet to be written.
This is dummy copy it is not intended to be read but is merely
a simulation of text yet to be written. This is dummy copy it
is not intended to be read but is merely a simulation of text
yet to be written. This is dummy copy it is not intended to
be read but is merely a simulation of text yet to be written.</td>
</tr>
<tr>
<td class="blackLayerText">
</td>
</tr>
<tr>
<td class="whiteSubHeadings"><a name="anchor12">Anchor 12</a></td>
</tr>
<tr>
<td class="blackLayerText">This is dummy copy it is not intended
to be read but is merely a simulation of text yet to be written.
This is dummy copy it is not intended to be read but is merely
a simulation of text yet to be written. This is dummy copy it
is not intended to be read but is merely a simulation of text
yet to be written. This is dummy copy it is not intended to
be read but is merely a simulation of text yet to be written.</td>
</tr>
<tr>
<td class="blackLayerText">
</td>
</tr>
<tr>
<td class="whiteSubHeadings"><a name="anchor13">Anchor 13</a></td>
</tr>
<tr>
<td class="blackLayerText">This is dummy copy it is not intended
to be read but is merely a simulation of text yet to be written.
This is dummy copy it is not intended to be read but is merely
a simulation of text yet to be written. This is dummy copy it
is not intended to be read but is merely a simulation of text
yet to be written. This is dummy copy it is not intended to
be read but is merely a simulation of text yet to be written.</td>
</tr>
<tr>
<td class="blackLayerText">
</td>
</tr>
<tr>
<td class="whiteSubHeadings"><a name="anchor14">Anchor 14</a></td>
</tr>
<tr>
<td class="blackLayerText">This is dummy copy it is not intended
to be read but is merely a simulation of text yet to be written.
This is dummy copy it is not intended to be read but is merely
a simulation of text yet to be written. This is dummy copy it
is not intended to be read but is merely a simulation of text
yet to be written. This is dummy copy it is not intended to
be read but is merely a simulation of text yet to be written.
</td>
</tr>
</table>
</div>
</div>

<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td width="1%"> </td>
<td width="99%" align="center" valign="middle">
<table width="709" border="0" cellspacing="0" cellpadding="0" height="396">
<tr>
<td width="709" height="40" colspan="3" valign="top"> </td>
</tr>
<tr>
<td height="316" width="512">
<table width="512" border="0" cellspacing="0" cellpadding="0" height="315" bgcolor="#99CCCC">
<tr>
<td>
<table width="512" border="0" cellspacing="0" cellpadding="0" height="316">
<tr>
<td height="35" valign="top" align="left"><img src="images/tables/top_left.gif" width="8" height="8"></td>
<td width="357" height="35" class="whiteMainHeadings" valign="bottom" colspan="2"> </td>
<td height="315" rowspan="5" width="28"> </td>
<td height="314" rowspan="5" width="117">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="316">
<tr>
<td height="277">
<a href="#anchor1">Anchor1</a><br>
<a href="#anchor2">Anchor2</a><br>
<a href="#anchor3">Anchor3</a><br>
<a href="#anchor4">Anchor4</a><br>
<a href="#anchor5">Anchor5</a><br>
<a href="#anchor6">Anchor6</a><br>
<a href="#anchor7">Anchor7</a><br>
<a href="#anchor8">Anchor8</a><br>
<a href="#anchor9">Anchor9</a><br>
<a href="#anchor10">Anchor10</a><br>
<a href="#anchor11">Anchor11</a><br>
<a href="#anchor12">Anchor12</a><br>
<a href="#anchor13">Anchor13</a><br>
<a href="#anchor14">Anchor14</a><br>
</td>
</tr>
<tr>
<td height="12"> </td>
</tr>
<tr>
<td height="8"> </td>
</tr>
</table>
</td>
<td height="158" rowspan="4" width="9" valign="top" align="right"><img src="images/tables/top_right.gif" width="8" height="8"></td>
</tr>
<tr>
<td height="10" ><img src="images/shim.gif" width="1" height="10"></td>
<td height="10" width="357" colspan="2" ><img src="images/shim.gif" width="1" height="10"></td>
</tr>
<tr>
<td rowspan="2"> </td>
<td height="232" width="357" class="blackIntroText" valign="top" colspan="2" > </td>
</tr>
<tr>
<td height="12" width="109"> <a href="#" onMouseOver="scroll(-2);" onMouseOut="noScroll();">
<img name="scroll_up_green" src="images/scroll_images/green/scroll_up_green_off.gif" width="60" height="12" border="0"></a></td>
<td height="12" width="248"> <a href="#" onMouseOver="scroll(2);" onMouseOut="noScroll();">
<img name="scroll_down_green" src="images/scroll_images/green/scroll_down_green_off.gif" width="70" height="12" border="0"></a></td>
</tr>
<tr>
<td height="8" align="left" valign="bottom"><img src="images/tables/bottom_left.gif" width="8" height="7"></td>
<td height="8" width="357" colspan="2"> </td>
<td height="8" width="9" valign="bottom" align="right"><img src="images/tables/bottom_right.gif" width="9" height="8"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td height="316" width="5"> </td>
<td height="316" width="190"> </td>
</tr>
<tr>
<td height="40" colspan="3" valign="bottom" width="709"> </td>
</tr>
</table>

</td>
</tr>
</table>
</body>
</html>

dianal · Jul 25, 2001

Hello,
This is one of the bugs in NS.
Sorry to say that, but the reality is such.
If your anchors were in simple hmtl, then no problems - you will be jumping without trouble.
But you have two nested div's and inside them table, and somewhere in table cell anchor. NS cannot handle such difficult hierarchy.
I would suggest a workaround of your problem:
use the function moveIt that you use mostly in scrolling.
<a href="javascript

Scroll.moveIt(0,-1225)">Anchor9</a><br>
You have to calculate proper values for other anchors.
It will work both in IE and NS.
BUT: If you change the text inside copy texts you have to recalculate the distance again.

Success!
D.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Cant get this to work in netscape

maybe

Instructor

dianal

Instructor

Similar threads

Part and Inventory Search

Sponsor