Java Script: Onklick-problem mit firefox

Angel0203 · 03.05.2011

Hallo miteinander, hab ein problemchen.
ich bin gerade dabei meine internetseite zu bauen.
ich wollte in der navigation eigentlich ein "drop-down" machen,
heißt wenn ich über einen bereich fahre, ein untermenü aufklappt.
dürfte soweit eigentlich bekannt sein.
nachdem es nicht funktioniert hat und ich nach tagen keine lust mehr hatte, hab ich mir eine onklick-ähnliche notlösung gesucht, hier mal quelltext:

HTML:

<html><head><title></title>
<link rel="stylesheet" href="styles.css"></link>

<script language="JavaScript">
<!--
var referA=true;
var referB=true;
function navigation(id) {
if(id==1){
if(referA){
this.list1.style.display="block";
referA=false;
}
else{
this.list1.style.display="none";
referA=true;
}
}
}
//-->
</script>

</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">

<div class="navi">

<div class="home"><a href=""></a></div>

<div class="fotos"><a href=""></a></div>

<div class="arbeiten"><a href="#" onclick="navigation('1')"></a></div>

<div class="impressum"><a href=""></a></div>

<div class="dropdown" id="list1" style="display:none">
<div class="foto"><a href=""></a></div>
<div class="grafik"><a href=""></a></div>
<div class="web"><a href=""></a></div>
</div>
</div>

</body></html>

Eigentlich funktioniert das auch ganz gut, nur im firefox irgendwie nicht.
wenn ich da auf den bereich klicke tut sich nichts.
Nun weiß ich nicht ob ich einfach nen fehler oder so drin habe oder es an firefox liegt.
Es ist auch die neuste version. firefox 4.
Würde mich über lösungen freuen, wenn jemand eine einfache lösung (vielleicht auch mit javascript) für einen mouseover effekt hätte, wär ich auch dankbar.
(Zur Info: Bin kein JavaScript-Kenner

)

Die Seite ist unter:

zu finden.

LG

TheTalesOfImmo · 04.05.2011

AW: Java Script: Onklick-problem mit firefox

Hallo!

Dein Code müsste etwas umgebaut werden:

Code:

this.list1.style.display="block";

bzw.

Code:

this.list1.style.display="none";

Sollten so aussehen:

Code:

document.getElementById("list1").style.display="block"

bzw.

Code:

document.getElementById("list1").style.display="none"

Ebenso erschließt sich mir die Logik der beiden Bool-Variablen referA und referB nicht ganz.

Ansonsten kann ich Dir für Dropdown-Menüs folgendes wärmstens empfehlen:

JavaScript Dropdown Menu - Web Development Blog

Das hat mir auch schon gute Dienste erwiesen und steht jedem für jeden Zweck kostenlos unter GPL zur Verfügung

tgreve · 04.05.2011

AW: Java Script: Onklick-problem mit firefox

Und von mir noch ein Tipp:
Installiere dir den HTML-Validator für der Firefox. Dann siehst du immer schnell, wenn dein Code fehlerhaft ist.
Auf deiner Seite sind schon mindestens 3 Fehler!

Liebe Grüße!

Myhar · 04.05.2011

AW: Java Script: Onklick-problem mit firefox

Ich würde auch die Seite einmal validieren lassen und die Fehler entfernen.
Und warum setzt du eine Liste nicht mit einer Liste sondern mit divs um? Eines deiner divs trägt sogar den Namen Liste1, das sollte doch eigentlich ein Hinweis darauf sein, dass da eine Liste hingehört. ;-)
Auch muss ein dropdown Menü nicht mit JS umgesetzt werden sondern kann rein in CSS realisiert werden, wie

L. G.

Angel0203 · 04.05.2011

AW: Java Script: Onklick-problem mit firefox

@ the tales of immo: Vielen Dank, hat geholfen. Funktioniert jetzt endlich.

@ tgreve und Myhar: Hab den Validator mal installiert. Stimmt waren ein paar Fehler drin. Danke für den Tipp mit dem add-on, ist ja ganz nützlich.

Ich kann nur das Wort Liste nicht mehr hören. Ich hatte mir genau bei suckerfish das angeschaut. Und da es nach Tagen immer noch nicht funktioniert hat, habe ich mich für nen anderen Weg entschieden.

Danke für die Hilfe.

LG

Myhar · 04.05.2011

AW: Java Script: Onklick-problem mit firefox

Du hättest ja auch deine Fragen zur Umsetzung mit der Liste hier posten können. Dann hättest du jetzt eine semantisch korrekte Navigation und nicht eine Ansammlung von einzelnen, nichtssagenden divs.
Außerdem könnten dann auch Benutzer mit deaktiviertem Javascript deine Navigation benützen.
Es hat schon seinen Sinn, dass es verschiedene Elemente im HTML gibt und nicht nur divs.
Das soll jetzt nicht böse/abwertend sein, sondern ist nur eine kleine Anmerkung.

L. G.