Javascript Problem

Jaycop2012 · 04/15/2012, 18:45

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

hehelol · 04/15/2012, 19:28

Jaycop2012 · 04/16/2012, 17:00

klasse, das bringt rein garnix zu meinem problem -.-

NotEnoughForYou · 04/16/2012, 18:11

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

Pascalus · 04/16/2012, 19:40

Dito. Und was spricht dagegen ein fertiges zu nehmen^^

Whoknowsit · 04/16/2012, 20:05

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>

iKyroja :> · 04/23/2012, 07:53

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;
}