Hackerboard Wiki HaboBlog
Hackerboard bei Facebook Hackerboard bei Google+ Hackerboard bei Twitter

[HaBo]

 
(Web-) Design und webbasierte Sprachen Tipps & Tricks, Designabgleich, HTML & Javascript, Flash, ASP, PHP, Perl/CGI...

JS-Menü funktioniert nicht bei FF?

Diskussion: JS-Menü funktioniert nicht bei FF? im Forum (Web-) Design und webbasierte Sprachen, in der Kategorie Web, Network & Multimedia Palace; Anzeige Ich hab hier eine Homepage mit nem kleinen JavaScript Menü ( nicht von mir erstellt ). Leider funktioniert das ...

Antwort
Alt 19.05.10, 09:45   #1 (permalink)
 
Registriert seit: 24.07.05
ghost Leistung: Z3
Likes: 3
Standard JS-Menü funktioniert nicht bei FF?

Anzeige

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";}
ghost ist offline   Mit Zitat antworten
Alt 19.05.10, 11:58   #2 (permalink)
Moderator
 
Benutzerbild von lightsaver
 
Registriert seit: 19.06.06
lightsaver Leistung: Pentium Ilightsaver Leistung: Pentium Ilightsaver Leistung: Pentium I
Likes: 52
Standard

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.
lightsaver ist offline   Mit Zitat antworten
   
HaBOT
 
- Anzeige -

Werbung ist gerade online    
Alt 19.05.10, 13:02   #3 (permalink)
Themenstarter
 
Registriert seit: 24.07.05
ghost Leistung: Z3
Likes: 3
Standard

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...

Zitat:
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>' );
ghost ist offline   Mit Zitat antworten
Alt 19.05.10, 14:38   #4 (permalink)
Moderator
 
Benutzerbild von lightsaver
 
Registriert seit: 19.06.06
lightsaver Leistung: Pentium Ilightsaver Leistung: Pentium Ilightsaver Leistung: Pentium I
Likes: 52
Standard

Also die Fehlermeldung sagt, dass document.all verwendet wird, man aber mit document.getElementById() arbeiten muss.
Setz da mal an bei der Lösungssuche
lightsaver ist offline   Mit Zitat antworten
Alt 19.05.10, 14:57   #5 (permalink)
Themenstarter
 
Registriert seit: 24.07.05
ghost Leistung: Z3
Likes: 3
Standard

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";}
ghost ist offline   Mit Zitat antworten
Alt 19.05.10, 15:09   #6 (permalink)
Moderator
 
Benutzerbild von lightsaver
 
Registriert seit: 19.06.06
lightsaver Leistung: Pentium Ilightsaver Leistung: Pentium Ilightsaver Leistung: Pentium I
Likes: 52
Standard

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
lightsaver ist offline   Mit Zitat antworten
Alt 19.05.10, 17:15   #7 (permalink)
Senior Member
 
Registriert seit: 13.07.08
enkore Leistung: K 6-3enkore Leistung: K 6-3enkore Leistung: K 6-3
Likes: 85
Standard

Öhm, das Menü läuft per JS? Ich seh da bei Opera eine ganz normale Linkliste...
__________________
"It is the human race! The deterioration of the spirit of man. Man undermining himself, causing a self-willed, self-imposed, self-evident self-destruction."
+++ BREAKING +++ Troll ertrinkt im Planschbecken +++
enkore ist offline   Mit Zitat antworten
Alt 19.05.10, 17:20   #8 (permalink)
Moderator
 
Benutzerbild von lightsaver
 
Registriert seit: 19.06.06
lightsaver Leistung: Pentium Ilightsaver Leistung: Pentium Ilightsaver Leistung: Pentium I
Likes: 52
Standard

Zitat:
Zitat von csde_rats Beitrag anzeigen
Öhm, das Menü läuft per JS? Ich seh da bei Opera eine ganz normale Linkliste...
Das mouseover ruft das JS auf.
lightsaver ist offline   Mit Zitat antworten
Alt 19.05.10, 17:32   #9 (permalink)
Themenstarter
 
Registriert seit: 24.07.05
ghost Leistung: Z3
Likes: 3
Standard

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ü.
ghost ist offline   Mit Zitat antworten
Antwort
   
- Anzeige -

Werbung ist gerade online    

[HaBo] » Web, Network & Multimedia Palace » (Web-) Design und webbasierte Sprachen » JavaScript JS-Menü funktioniert nicht bei FF?
Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks sind aus
Pingbacks sind aus
Refbacks sind aus



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61