Javascript Problem

04/15/2012 18:45 Jaycop2012#1
Ich brauche Hilfe, da ich langsam verzweifle, ich möchte ein simples Dropdown Menü erstellen und wenn ich dann der DIV-BOX zuweise, dass sie bei Kontakt das Attribut display sich von none auf block ändern soll passiert es nicht.

webseite ist hier www relyonme bplaced net

leerzeichen mit punkt ersetzen

download ist hier www relyonme bplaced net/web.7z

hoffe auf eine schnelle antwort, danke
04/15/2012 19:28 hehelol#2
[Only registered and activated users can see links. Click Here To Register...]
04/16/2012 17:00 Jaycop2012#3
klasse, das bringt rein garnix zu meinem problem -.-
04/16/2012 18:11 NotEnoughForYou#4
ich denke es werden mehr helfen wenn du den Problem Code ( den Ausschnitt ) postest, da ich für meinen teil zu faul bin, mir es extra runterzuladen
04/16/2012 19:40 Pascalus#5
Dito. Und was spricht dagegen ein fertiges zu nehmen^^
04/16/2012 20:05 Whoknowsit#6
Das Problem ist, dass du "open" nicht als Funktionsnamen verwenden kannst :)

HTML Code:
<!DOCTYPE HTML>
<html>
<head>
<title>Zentrum Kinderlachen</title>
<link rel="stylesheet" type="text/css" href="kl.css">
<script type="text/javascript">
function Xopen() {
	var elm = document.getElementById('ddmall');
	if (elm.style.display == 'none') {
		elm.style.display = 'block'
	} else {
		elm.style.display = 'none'
	}
}
</script>
</head>
<body>
<div id="bodybg">
	<div id="bodymain">
		<div id="head2">
			<div id="head3">
				<div align="center">
					<div onmouseover="alert('Sie haben sie nicht mehr alle');" id="tab0">
						<a href="index.html">Startseite</a>
					</div>
					<div onmouseover="Xopen()" id="tab1">
						<a href="allgemeines.html">Allgemeines</a>
					</div>
					<div id="ddmall" style="display:none;">
						Hier ist ein Test Text
					</div>
					<div id="tab2">
						<a href="betreuung.html">Betreuung</a>
					</div>
					<div id="tab3">
						<a href="jugendhilfe.html">Jugendhilfe</a>
					</div>
					<div id="tab4">
						<a href="torrino.html">Torrino</a>
					</div>
					<div id="tab5">
						<a href="kontakt.html">Kontakt</a>
					</div>
				</div>
			</div>
		</div>
		<div id="infobg">
			<div id="ddmbet">
			</div>
			<div id="ddmju">
			</div>
			<div id="ddmtor">
			</div>
			<div id="ddmkon">
			</div>
		</div>
	</div>
	<div id="footmain" align="center">
		<a href="impressum.html">Impressum</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="kontakt.html">Kontakt</a>
	</div>
</div>
</body>
</html>
04/23/2012 07:53 iKyroja :>#7
Verusch es doch mal nur mit CSS, das geht auch ...
und wen du mit Javascript schon kein Droppdown hinbekommst musst du mächtig üben
~.~

Beispiel:
HTML Code:
<ul id="menu">
     <li><a href="#">Link</a>
          <ul> 
                <li><a href="#">Sublink 1</a></li>
                <li><a href="#">Sublink 2</a></li>
          </ul>
     </li>
</ul>
HTML Code:
#menu ul li ul {
    display:none;
}

#menu ul li:hover ul {
    display:block;
    position:absolute;
}