fireWURMxxl: Navi geht nicht!!! Problem: "changeStyleById('name','none');"

Beitrag lesen

SELF-Forum

Navi geht nicht!!! Problem: "changeStyleById('name','none');"

fireWURMxxl
– Informationen zu den Bewertungsregeln

Erst mal der Code der Navi:
<script type="text/javascript">
<!--
document.write("<style>#e1 {display : none;}</style>")
document.write("<style>#e2 {display : none;}</style>")
document.write("<style>#e3 {display : none;}</style>")
document.write("<style>#e4 {display : none;}</style>")
document.write("<style>#e5 {display : none;}</style>")
-->
</script>
<noscript>
<style>
#e1 {display : block;}
#e2 {display : block;}
#e3 {display : block;}
#e4 {display : block;}
#e5 {display : block;}
</style>
</noscript>
<style>
body {
 background : #fff;
 color : #000;
}

body, div, span, a, p, h1, h2, h3 {
 font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
}

#text {
 width : 100%;
 float : left;
 background : #ccc;
}

#nav {
 width : 100%;
 float : left;
 background-image : url(bg2.png);
 background-position : top right;
}

/* Für Navi */
.klick {
 padding : 3px 15px 3px 15px;
 margin-bottom: -1px;
 font-family : arial;
 cursor : pointer;
 cursor : hand;
}
</style>
<script type="text/javascript">
<!--
    function changeStyleById(el,ds) {
               if (document.getElementById) {
                  var nodeObj = document.getElementById(el)
                  nodeObj.style.display = ds;
                  }
           }
//-->
</script>
</head>

<div id="nav">
<script LANGUAGE="JavaScript">
<!--
var name = navigator.appName
if (name == "Microsoft Internet Explorer")
document.write("<fieldset>");

-->
</script>

<table><tr>
 <td><div onMouseover="changeStyleById('e1','block'); changeStyleById('e2','none'); changeStyleById('e3','none'); changeStyleById('e4','none'); changeStyleById('e5','none');" style="border:1px solid #aaaaaa; left:200px;top:50px; -moz-border-radius:10px; -khtml-border-radius:30px;">Profil
 </div></td>

<td><div onMouseover="changeStyleById('e2','block'); changeStyleById('e1','none'); changeStyleById('e3','none'); changeStyleById('e4','none'); changeStyleById('e5','none');" style="border:1px solid #aaaaaa; left:200px;top:50px; -moz-border-radius:10px; -khtml-border-radius:30px;">Chat
 </div></td>

<td><div onMouseover="changeStyleById('e3','block'); changeStyleById('e1','none'); changeStyleById('e2','none'); changeStyleById('e4','none'); changeStyleById('e5','none');" style="border:1px solid #aaaaaa; left:200px;top:50px; -moz-border-radius:10px; -khtml-border-radius:30px;">Forum
 </div></td>
 </tr></table>
</form><form action="#" name="raum" method="post"><div id="e2">
<noscript>Chat</noscript><select name="raum" size="">
<optgroup label="&Ouml;ffentliche R&auml;ume">
<option value="funroom" selteced>Funroom</option>
<option value="date"            >Date</option>
<option value="tisch"           >Stammtisch</option>
<optgroup label="Themenbezogene R&auml;ume">
<option value="pc"              >Computertreffpunkt</option>
<option value="rap"             >Hip-Hopzone</option>
<option value="witze"           >Witze und R&auml;tselfun</option>
<option value="bauer"           >Bauern- & Tierhof</option>
<option value="mathe"           >Wissenschafts & Schulzone</option>
<option value="musik"           >Musikroom</option>
<optgroup label="Altersbegrenzte R&auml;ume">
<option value="gym"             >Gymnasium & Hauptschule</option>
<option value="12"              >Unter 12</option>
<option value="studi"           >Studenten- und Lehrlingschat</option>
<option value="20"              >20-up-room</option>
<option value="50"              >50 and more</option>
<option value="best"            >in the best years</option>
<option value="alt"             >Greisroom</option>
<optgroup label="Private R&auml;ume">
<!-- Neue Raeume -->
</select></fieldset><input type="Submit" name="submit" value="Los!"></form></font></div>

<div id="e3">
<form action="#" name="raum" method="post">
<noscript>Forum</noscript><select name="raum" size="">
<optgroup label="Programmierer-, FUNROOM- & Computerforum">
<!-- Programmiererforum Neu -->
<optgroup label="Musik- & Entertainmendforum">
<!-- Musikforum Neu -->
<optgroup label="Sch&ouml;nheits- & Modeforum">
<!-- Schoenheitsforum Neu -->
<optgroup label="Kulinarit&auml;ten- & Kalorienabbauforum">
<!-- Kulinaritaetenforum Neu -->
<optgroup label="Wissenschafts-, Bildungs- & Studentenforum">
<!-- Wissenschaftsforum Neu -->
<optgroup label="Kinder- & Familienforum">
<!-- Kinderforum Neu -->
<optgroup label="Elektronik-, Media- & Automobilforum">
<!-- Elektronikforum Neu -->
<optgroup label="Wirtschaft-, Umwelt-, News- & Politikforum">
<!-- Elektronikforum Neu -->
</select></fieldset><input type="Submit" name="submit" value="Los!"></form>

Das Problem:
onMouseover="changeStyleById('e3','block'); changeStyleById('e1','none'); changeStyleById('e2','none'); changeStyleById('e4','none'); changeStyleById('e5','none');"

Das sollte bewirken, dass e3 angezeigt wird und alle anderen Menüpunkte geschlossen werden! Das changeStyleById('e3','block'); funktioniert problemlos, nur changeStyleById('e1','none'); changeStyleById('e2','none'); changeStyleById('e4','none'); changeStyleById('e5','none'); wird einfach nicht ausgeführt. Ich habe nur einen Menüpunkt als Beispiel genommen, aber der 'none'-Fehler ist auch bei den anderen Punkten so. Das ist in allen Browsern, mit denen ich die Navi getestet habe so! Bitte keine Fachbegriffe, sondern in Babysprache, da ich zwar CSS, HTML und ein b. PHP kann, aber überhaupt kein JS.

LG fireWURMxxl

Beitrag melden
–
Informationen zu den Bewertungsregeln