nicht angemeldet
Du hast auch e3 bis e5 vergessen! JS bricht dann ab. Füg einfach die Elemente ein, die du "ansprichst", dann funktionierts auch.
Grüße - Frank
->
<html>
<head>
<title>Terra Recall | Div Samples</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<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>
<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 action="#" name="raum" method="post"><div id="e1">
<noscript>Chat</noscript><select name="raum" size="">
<optgroup label="Öffentliche Räume">
<option value="funroom" selteced>Funroom</option>
<option value="date" >Date</option>
<option value="tisch" >Stammtisch</option>
<optgroup label="Themenbezogene Räume">
<option value="pc" >Computertreffpunkt</option>
<option value="rap" >Hip-Hopzone</option>
<option value="witze" >Witze und Rätselfun</option>
<option value="bauer" >Bauern- & Tierhof</option>
<option value="mathe" >Wissenschafts & Schulzone</option>
<option value="musik" >Musikroom</option>
<optgroup label="Altersbegrenzte Rä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äume">
<!-- Neue Raeume -->
</select><input type="Submit" name="submit" value="Los!"></div></form>
<form action="#" name="raum" method="post"><div id="e2">
<noscript>Chat</noscript><select name="raum" size="">
<optgroup label="Öffentliche Räume">
<option value="funroom" selteced>Funroom</option>
<option value="date" >Date</option>
<option value="tisch" >Stammtisch</option>
<optgroup label="Themenbezogene Räume">
<option value="pc" >Computertreffpunkt</option>
<option value="rap" >Hip-Hopzone</option>
<option value="witze" >Witze und Rätselfun</option>
<option value="bauer" >Bauern- & Tierhof</option>
<option value="mathe" >Wissenschafts & Schulzone</option>
<option value="musik" >Musikroom</option>
<optgroup label="Altersbegrenzte Rä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äume">
<!-- Neue Raeume -->
</select><input type="Submit" name="submit" value="Los!"></div></form>
<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önheits- & Modeforum">
<!-- Schoenheitsforum Neu -->
<optgroup label="Kulinaritä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><input type="Submit" name="submit" value="Los!"></form>
</div>
<div id="e4">
<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önheits- & Modeforum">
<!-- Schoenheitsforum Neu -->
<optgroup label="Kulinaritä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><input type="Submit" name="submit" value="Los!"></form>
</div>
<div id="e5">
<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önheits- & Modeforum">
<!-- Schoenheitsforum Neu -->
<optgroup label="Kulinaritä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><input type="Submit" name="submit" value="Los!"></form>
</div>
</body>
</html>