Navigation bar and scrollbar won't work together

cactus1000 · Mar 15, 2002

I've posted this in the JavaScript forum, but maybe someone here can figure this out...

I have a navigation bar and a scrollbar that I've been using for some time, each in it's own frame. Everything was fine. Recently, I decided to scrap the frames and put these scripts in a table instead. However, when I add the scrollbar to the table, the navigation bar stops working. I tried a completely different scrollbar, and the result was the same. The error message for the navigation bar is "pulloutWindow not defined", yet this works fine as long as the scrollbar in not in the same file. I didn't see any duplicate variable or function names.

Here's the Navigation bar:

<script language="JavaScript">



</script>

<script language="JavaScript" src="dynlayer.js"></script>

<script language="JavaScript">

/**************************************************

This JavaScript code uses techniques found at

The Dynamic Duo -

http://www.dansteinman.com/dynduo/

**************************************************/



</script>

Here's the scrollbar:

<html><title></title><head><head><title></title>

<style type="text/css">
.nonu {text-decoration:none;}
body {background-color:#307ca0}
a {color:#ffffff}

</style>

</head>
<body BGCOLOR="#307CA0" text="#CFE1FB" link="#CFE1FB" vlink="#CFE1FB">

<br>

<script language="JavaScript1.2">

/*
Pausing updown message scroller-
Last updated: 99/07/05 (Bugs fixed, ability to specify background image for scroller)
(c) Dynamic Drive (

http://www.dynamicdrive.com)

For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/

//configure the below five variables to change the style of the scroller
var scrollerwidth=130
var scrollerheight=450
var scrollerbgcolor='#307ca0'
//set below to '' if you don't wish to use a background image
var scrollerbackground=''

//configure the below variable to change the contents of the scroller
var messages=new Array()

messages[0]="Blah Blah"
messages[1]="Blah Blah"

///////Do not edit pass this line///////////////////////

if (messages.length>1)
i=2
else
i=0

function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=5){
tlayer.top=0
setTimeout("move1(tlayer)",8000)
setTimeout("move2(document.main.document.second)",8000)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=5
setTimeout("move1(tlayer)",100)
}
else{
tlayer.top=scrollerheight
tlayer.document.write(messages)
tlayer.document.close()
if (i==messages.length-1)
i=0
else
i++
}
}

function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=5){
tlayer2.top=0
setTimeout("move2(tlayer2)",8000)
setTimeout("move1(document.main.document.first)",8000)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=5
setTimeout("move2(tlayer2)",100)
}
else{
tlayer2.top=scrollerheight
tlayer2.document.write(messages)
tlayer2.document.close()
if (i==messages.length-1)
i=0
else
i++
}
}

function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){
tdiv.style.pixelTop=0
setTimeout("move3(tdiv)",8000)
setTimeout("move4(second2)",8000)
return
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=5
setTimeout("move3(tdiv)",100)
}
else{
tdiv.style.pixelTop=scrollerheight
tdiv.innerHTML=messages
if (i==messages.length-1)
i=0
else
i++
}
}

function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){
tdiv2.style.pixelTop=0
setTimeout("move4(tdiv2)",8000)
setTimeout("move3(first2)",8000)
return
}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=5
setTimeout("move4(second2)",100)
}
else{
tdiv2.style.pixelTop=scrollerheight
tdiv2.innerHTML=messages
if (i==messages.length-1)
i=0
else
i++
}
}

function startscroll(){
if (document.all){
move3(first2)
second2.style.top=scrollerheight
second2.style.visibility='visible'
}
else if (document.layers){
document.main.visibility='show'
move1(document.main.document.first)
document.main.document.second.top=scrollerheight+5
document.main.document.second.visibility='show'
}
}

window.onload=startscroll
window.onResize=startscroll

</script>

<ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor}; background=&{scrollerbackground}; visibility=hide>
<layer id="first" left=0 top=1 width=&{scrollerwidth};>
<script language="JavaScript1.2">
if (document.layers)
document.write(messages[0])
</script>
</layer>
<layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
<script language="JavaScript1.2">
if (document.layers)
document.write(messages[1])
</script>
</layer>
</ilayer>

<script language="JavaScript1.2">
if (document.all){
document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+' ;background-image:url('+scrollerbackground+')">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">')
document.write(messages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0;visibility:hidden">')
document.write(messages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}
</script>

GIGN · Mar 17, 2002

That post is quite long there chief, can you track down the problem a bit better?

If it used to communicate between frames,as I guess is did by you explanation, then it will not work with a table because it is looking for the menu in a another window [frame]

<bb/>

cian · Mar 17, 2002

I reckon GIGN has highlighted the problem. Your code originally worked between the frames, this is no longer the case so your code needs to be modified.

its over my head but perhaps the guys can help you, otherwise you could check where you got the code, maybe they have another version you could use.

É **new site coming soon**
**don't visit just yet**

http://endamcg.com

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!

Navigation bar and scrollbar won't work together

cactus1000

Programmer

GIGN

Programmer

cian

Technical User

Similar threads

Part and Inventory Search

Sponsor