JavaScript JS-Menü funktioniert nicht bei FF?

G

ghost

0
Ich hab hier eine Homepage mit nem kleinen JavaScript Menü ( nicht von mir erstellt :) ). Leider funktioniert das Menü nur beim Internet Explorer. Wisst ihr zufällig warum bzw. was ich machen könnte das es auch beim FF klappt?

Code: 
var content=new Array()
/*You may change the content listed below, keep the six links or as many as you need.*/

content[0]='<IMG height=18 src="bilder/coin4.gif" width=126 border=0><A href="uberuns.htm"><IMG height=18 src="bilder/menu0.gif" width=189 border=0></A><br><img src="bilder/photo4.jpg" height="262" width="315">'

content[1]='<IMG height=18 src="bilder/coin3.gif" width=126 border=0><A href="uberuns.htm"><IMG height=18 src="bilder/menu0.gif" width=189 border=0></A><br><img src="bilder/photo3.jpg" height="262" width="315">'

content[2]='<IMG height=18 src="bilder/coin2.gif" width=126 border=0><A href="uberuns.htm"><IMG height=18 src="bilder/menu0.gif" width=189 border=0></A><br><img src="bilder/photo2.jpg" height="262" width="315">'

content[3]='<IMG height=18 src="bilder/coin6.gif" width=126 border=0><A href="uberuns.htm"><IMG height=18 src="bilder/menu0.gif" width=189 border=0></A><br><img src="bilder/photo6.jpg" height="262" width="315">'

content[4]='<IMG height=18 src="bilder/coin.gif" width=126 border=0><A href="uberuns.htm"><IMG height=18 src="bilder/menu0.gif" width=189 border=0></A><br><img src="bilder/photo.jpg" height="262" width="315">'

content[5]='<table bgcolor="cfc363"  width="129" border="1"><tr><td class="menu"><a href="sites.htm">Sand- & Kieswerke</a></td></tr><tr><td class="menu"><a href="erdbau.htm">Erdbau</a></td></tr><tr><td class="menu"><a href="deponie.htm">Deponie</a></td></tr></table></a><br>'

content[6]='<table bgcolor="cfc363"  width="200" border="1"><tr><td class="menu"><a href="produkte.htm">Produkte</a></td></tr><tr><td class="menu"><a href="standorte.htm">Werk- und Grubenstandorte</a></td></tr></table></a><br>'


function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",450)
}

function changetext(whichcontent){
if (document.all)
descriptions.innerHTML='<font face="Verdana"><small>'+whichcontent+'<font></small>'
else if (document.layers){
document.d1.document.d2.document.write('<font face="Verdana"><small>'+whichcontent+'</small></font>')
document.d1.document.d2.document.close()
}
}
function changemenu(whichcontent){
document.all.descriptions2.style.visibility="visible";
if (document.all)
descriptions2.innerHTML='<font face="Verdana"><small>'+whichcontent+'<font></small>'
else if (document.layers){
document.d1.document.d2.document.write('<font face="Verdana"><small>'+whichcontent+'</small></font>')
document.d1.document.d2.document.close()
}

}

function cache()
{document.all.descriptions2.style.visibility="hidden";}

function montre()
{document.all.descriptions2.style.visibility="visible";}
 
Kannst du vielleicht mal den Link zu der Seite geben? Dann kann man die im FF einfach mal aufrufen und in der Fehlerkonsole nachsehen, was da so an Fehlermeldungen kommt.
 
Seite: http://www.kieswerke-kronthaler.de

Leider wird das Menü selbst mit JS erstellt ( Ausschnitt s.u. ) so das ich wohl ziemlich umbauen müsste wenn ichs auf was anderes ( z.B. css u. hover ) umstellen muss...

document.write( ' <TABLE cellSpacing=0 cellPadding=0 width=315 border=0>' );
document.write( ' <TBODY>' );
document.write( ' <!-- Top of rotating picture -->' );
document.write( ' <TR><TD vAlign=top width=126 bgColor=#661111 height=18><IMG height=18 src="'+ corner +'" width=126 border=0></TD>' );
document.write( ' <TD width=189><A href="uberuns.htm"><IMG height=18 src="bilder/menu0.gif" width=189 border=0 onmouseOver="cache()"></A></TD></TR>' );
document.write( ' <TR><TD class=brown vAlign=top align=left width=315 colSpan=2 height=262><IMG height=262 src="'+ photo +'" width=315 border=0></TD></TR>' );
document.write( ' </TBODY>' );
document.write( ' </TABLE></TD>' );
document.write( ' <!-- Bottom of rotating picture -->' );
document.write( ' <TD align="left" vAlign="top" width=550 > ' );
document.write( ' <TABLE cellSpacing=0 cellPadding=0 width=550 height=280 border=0>' );
document.write( ' <TBODY>' );
document.write( ' <TR><TD align=left bgColor=#dfc363 colSpan=4 height=18><IMG height=18 src="bilder/leist.gif" width=116 border=0 onMouseover="changemenu(content[5])"><A href="produkte.htm"><IMG height=18 src="bilder/prod.gif" width=116 border=0 onMouseover="changemenu(content[6])"></A><A href="rekultivierung.htm"><IMG height=18 src="bilder/oeko.gif" width=116 border=0></A><A href="kontakt.htm"><IMG height=18 src="bilder/kontakt.gif" width=116 border=0></A><A href="agb.htm"><IMG height=18 src="bilder/agb.gif" width=116 border=0 onmouseOver="cache()"></A><A href="impressum.htm"><IMG height=18 src="bilder/imp.gif" width=116 border=0 onmouseOver="cache()"></A></TD></TR>' );
Zum Vergrößern anklicken....
 
Also die Fehlermeldung sagt, dass document.all verwendet wird, man aber mit document.getElementById() arbeiten muss.
Setz da mal an bei der Lösungssuche
 
Ich hab jetzt mal alle document.all entsprechend ersetzt aber dann klappts auch nicht mehr mit dem Internet Explorer. Muss ich beim document.getElementById noch Parameter setzen ( überall? )?

Code: 
var content=new Array()
/*You may change the content listed below, keep the six links or as many as you need.*/

content[0]='<IMG height=18 src="bilder/coin4.gif" width=126 border=0><A href="uberuns.htm"><IMG height=18 src="bilder/menu0.gif" width=189 border=0></A><br><img src="bilder/photo4.jpg" height="262" width="315">'

content[1]='<IMG height=18 src="bilder/coin3.gif" width=126 border=0><A href="uberuns.htm"><IMG height=18 src="bilder/menu0.gif" width=189 border=0></A><br><img src="bilder/photo3.jpg" height="262" width="315">'

content[2]='<IMG height=18 src="bilder/coin2.gif" width=126 border=0><A href="uberuns.htm"><IMG height=18 src="bilder/menu0.gif" width=189 border=0></A><br><img src="bilder/photo2.jpg" height="262" width="315">'

content[3]='<IMG height=18 src="bilder/coin6.gif" width=126 border=0><A href="uberuns.htm"><IMG height=18 src="bilder/menu0.gif" width=189 border=0></A><br><img src="bilder/photo6.jpg" height="262" width="315">'

content[4]='<IMG height=18 src="bilder/coin.gif" width=126 border=0><A href="uberuns.htm"><IMG height=18 src="bilder/menu0.gif" width=189 border=0></A><br><img src="bilder/photo.jpg" height="262" width="315">'

content[5]='<table bgcolor="cfc363"  width="129" border="1"><tr><td class="menu"><a href="sites.htm">Sand- & Kieswerke</a></td></tr><tr><td class="menu"><a href="erdbau.htm">Erdbau</a></td></tr><tr><td class="menu"><a href="deponie.htm">Deponie</a></td></tr></table></a><br>'

content[6]='<table bgcolor="cfc363"  width="200" border="1"><tr><td class="menu"><a href="produkte.htm">Produkte</a></td></tr><tr><td class="menu"><a href="standorte.htm">Werk- und Grubenstandorte</a></td></tr></table></a><br>'


function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",450)
}

function changetext(whichcontent){
if (document.getElementById)
descriptions.innerHTML='<font face="Verdana"><small>'+whichcontent+'<font></small>'
else if (document.layers){
document.d1.document.d2.document.write('<font face="Verdana"><small>'+whichcontent+'</small></font>')
document.d1.document.d2.document.close()
}
}
function changemenu(whichcontent){
document.getElementById.descriptions2.style.visibility="visible";
if (document.getElementById)
descriptions2.innerHTML='<font face="Verdana"><small>'+whichcontent+'<font></small>'
else if (document.layers){
document.d1.document.d2.document.write('<font face="Verdana"><small>'+whichcontent+'</small></font>')
document.d1.document.d2.document.close()
}

}

function cache()
{document.getElementById.descriptions2.style.visibility="hidden";}

function montre()
{document.getElementById.descriptions2.style.visibility="visible";}
 
Da gehört noch ein Parameter, halt die entsprechende ID, rein. Wie du das genau umschreiben musst kann ich dir mit den nur geringen JS Kenntnissen, die ich habe, nicht sagen.

Was ich mich aber schon seit dem ersten Posting frage ist, wieso du das überhaupt mit JS machst. Persönlich würde ich gerade für so etwas wichtiges wie ein Menü immer auf JS verzichten, denn nicht jeder hat JS aktiviert, zumal es oft auch als Workaround bei Sicherheitslöchern deaktiviert werden soll.

Ist es nicht möglich, dass du CSS verwendest? Das, was ich an Funktionalität bei der Seite gesehen habe, sollte mit Sicherheit auch per CSS machbar sein.

http://www.cssmenumaker.com/ könnte in diesem Zusammenhang für dich interessant sein, soll aber nur als Beispiel dienen
 
Code: 
Was ich mich aber schon seit dem ersten Posting frage ist, wieso du das  überhaupt mit JS machst.

Ich hab die Seite ja nicht erstellt, ansonsten hät ich geschaut das ich komplett auf JS verzichten kann ( steh damit auf Kriegsfuss ). Ich hoff halt das ichs so hinkrieg und nicht die ganze Seite umbaun muss nur wegen dem kleinen Menü.
 
Um antworten zu können musst du eingeloggt sein.
Zurück
Oben