vraag over scrollende navigatiebalk

[marrucc]

Hallo,
Ik ben een website aan het maken en wil daar nu een scrollende navigatiebalk inzetten. Maar als ik dit doe wordt mijn achtergrond plotseling wit, i.p.v zwart. Misschien kan iemand mij vertellen wat ik fout doe? (Sorry als dit een hele domme vraag is, maar ik heb eigelijk weinig verstand van javascript enzo :S.)

Het script:



<script language="JavaScript1.2">

//configure path for left and right arrows
var goleftimage='<- '
var gorightimage=' ->'
//configure menu width
var menuwidth=300
//configure scroll speed (1-10), where larger is faster
var scrollspeed=6
//specify menu content
var menucontents='<nobr><a href="http://www.messageboard.nl/forums/alpha/338/">Forum</a> | <a href="http://www.con-nect.nl">Con-nect</a> | <a href="http://www.anouksweb.nl">Anouks Web</a> | <a href="http://www.anouksdesign.nl">Anouks Design</a> | <a href="http://www.startpagina.nl">Startpagina</a></nobr>'


////NO NEED TO EDIT BELOW THIS LINE////////////

var actualwidth=''
var ns_scroll
function fillup(){
if (document.all){
test2.innerHTML=menucontents
actualwidth=test2.offsetWidth
}
else if (document.layers){
ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2
ns_scroll.document.write(menucontents)
ns_scroll.document.close()
actualwidth=ns_scroll.document.width
}
}
window.onload=fillup

function moveleft(){
if (document.all&&test2.style.pixelLeft>(menuwidth-actualwidth))
test2.style.pixelLeft-=scrollspeed
else if (document.layers&&ns_scroll.left>(menuwidth-actualwidth))
ns_scroll.left-=scrollspeed
lefttime=setTimeout("moveleft()",50)
}

function moveright(){
if (document.all&&test2.style.pixelLeft<0)
test2.style.pixelLeft+=scrollspeed
else if (document.layers&&ns_scroll.left<0)
ns_scroll.left+=scrollspeed
righttime=setTimeout("moveright()",50)
}

if (document.all||document.layers){
with (document){
write('<table border="0" cellspacing="0" cellpadding="0">')
write('<td valign="middle"><a href=#" onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)"><b><- </b></a> </td>')
write('<td valign="top">')
if (document.all){
write('<span style="position:relative;width:'+menuwidth+';">')
write('<span style="position:absolute;width:'+menuwidth+';clip:rect(0 '+menuwidth+' auto 0)">')
write('<span id="test2" style="position:absolute;left:0;top:0">')
write('</span></span></span>')
}
else if (document.layers){
write('<ilayer width='+menuwidth+' name="ns_scrollmenu">')
write('<layer name="ns_scrollmenu2" left=0 top=0></layer></ilayer>')
}
write('</td>')
write('<td valign="middle"> <a href="#" onMouseover="moveright()" onMouseout="clearTimeout(righttime)">')
write('<b> -></b></a>')
write('</td></table>')
}
}
</script>
<!-- END -->

 

[Japie82]

Hoi,

Dit scriptje verandert volgens mij de achtergrondkleur van je pagina niet.

Het menu staat echter wel in een tabel, dus als je met bijvoorbeeld css de achtergrondkleur van een tabel verandert is deze wel anders..

De balk neemt dus gewoon de kleur van de pagina over (tenzij een tabel dus een andere kleur heeft )

Als het niet lukt kan je misschien even een linkje geven naar de pagina.