Hallo,
ich bin am verzweifeln. Den ganzen Tag versuche ich eine Lösung zu finden aber leider kein erfolg. Ich hoffe ihr könnt mir helfen und ich kann endlich wieder an meiner Homepage weiter arbeiten.
Ich hab überhaupt keine ahnung von Javascript und hab ein Menü im Netz gefunden das Untermenüs hat, genau so wie ich es haben wollte. Mein Problem ist, was ich mache muss damit wenn ein Untermenü anklickt wird das dieses Untermenü dann geöffen bleibt und wenn man ein anderes Menü anklickt das es sich wieder schließt. Jetzt ist es so das wenn man ein Untermenü anklickt das es sich wieder schließt und nur noch die menüs zu sehen sind (wieder im standart zustand).
Code:
Im head:
<script type="text/javascript">
<!--
window.onload=show;
function show(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
Im body:
<div id="navibereich">
<dl id="menu">
<dt onclick="javascript
:show();"><a href="index.html" onfocus="blur()">Startseite</a></dt>
<dt onclick="javascript
:show('smenu2');"><a href="#">Team</a></dt>
<dd id="smenu2">
<ul>
<li><a href="mitglieder.html" onfocus="blur()">Mitglieder</a></li>
<li><a href="ehrenvorstand.html" onfocus="blur()">Ehrenvorstand</a></li>
<li><a href="nachwuchstalente.html" onfocus="blur()">Nachwuchstalente</a></li>
</ul>
</dd>
<dt onclick="javascript
:show();" onfocus="blur()"><a href="teamorga.html">Teamorga</a></dt>
<dt onclick="javascript
:show();" onfocus="blur()"><a href="kalender.html">Kalender</a></dt>
<dt onclick="javascript
:show('smenu3');" onfocus="blur()">Ergebnisdienst</dt>
<dd id="smenu3">
<ul>
<li><a href="freundschaftspiele.html" onfocus="blur()">Freundschaftspiele</a></li>
<li><a href="turniere.html" onfocus="blur()">Turniere</a></li>
</ul>
</dd>
<dt onclick="javascript
:show('smenu4');" onfocus="blur()">Fotogalarie</dt>
<dd id="smenu4">
<ul>
<li><a href="pokalvitrine.html" onfocus="blur()">Pokalvitrine</a></li>
<li><a href="unserefans.html" onfocus="blur()">Unsere Fans</a></li>
<li><a href="sonstigefotos.html" onfocus="blur()">Sonstige Fotos</a></li>
</ul>
</dd>
<dt onclick="javascript
:show();"><a href="forum.html" onfocus="blur()">Forum</a></dt>
<dt onclick="javascript
:show();"><a href="gaestebuch.html" onfocus="blur()">Gästebuch</a></dt>
<dt onclick="javascript
:show();"><a href="kontakt.html" onfocus="blur()">Kontakt</a></dt>
<dt onclick="javascript
:show();"><a href="links.html" onfocus="blur()">Links</a></dt>
<dt onclick="javascript
:show();"><a href="imressum.html" onfocus="blur()">Impressum</a></dt>
</dl>
</div>
Das ist meine erste Homepage und bin noch in der lernfase
Wenn ihr ein anderen Vorschlag habt wäre ich dafür auch dankbar.
THX
