mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: So 04.12.2016 15:40 Benutzername: Passwort: Auto-Login

Thema: Menü zeigen/verstecken mit Javascript und CSS einbindung vom 22.02.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Menü zeigen/verstecken mit Javascript und CSS einbindung
Autor Nachricht
Vertigo01
Threadersteller

Dabei seit: 22.02.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 22.02.2006 12:31
Titel

Menü zeigen/verstecken mit Javascript und CSS einbindung

Antworten mit Zitat Zum Seitenanfang

Hallo zusammen,

ich hab da mal leider ein Problem...

Ich möchte, wenn man auf einen Link geht, das sich dann das dazugehörige Menü aufklappt. Wenn man allerdings dann einen anderen Hauptpunkt des Menüs aufklappt, soll das geöffnete sich wieder schließen, und nur das dazugehörige submenü aufgeklappt werden. Zudem soll das submenü, wenn man auf einen Link im SM klickt, weiterhin offen sein.

Ich kenn mich leider noch nicht so wirklich gut mit JS aus. Bitte Bitte helft mir.

JavaScript:
Code:

<script type="text/javascript">
function menue(zap)
{
if(document.getElementById)
{
var men1 = document.getElementById(zap).style;
   if(men1.display == "block")
   {
   men1.display = "none";
   }
   else
   {
   men1.display = "block";
   }
   return false;
   }
else
{
return true;
}
}
</script>


Die Linkleiste:
Code:

<div id="navi">
<ul>
<li id="navi_active"><a href="index.html" onclick="return menue('hide1');">Home</a>
<ul id="hide1">
   <li><a href="index.html"><p class="hide">Unternehmen</p></a></li>
   <li><a href="index.html"><p class="hide">Leistungen</p></a></li>
   <li><a href="index.html"><p class="hide">Was ist Factoring?</p></a></li>
</ul>
</li>   
<li><a href="index.html">Leistungen</a>
<ul id="hide2">
   <li><a href="index.html"><p class="hide">Liquidität</p></a></li>
   <li><a href="index.html"><p class="hide">Sicherheit</p></a></li>
   <li><a href="index.html"><p class="hide">Service</p></a></li>   
</ul>
</li>
<li><a href="index.html">Erfolgreich mit CrefoFactoring</a>
<ul id="hide3">
   <li><a href="index.html"><p class="hide">Vorteile</p></a></li>
</ul>
</li>
<li><a href="index.html">Factoring Checkliste</a>
<ul id="hide4">
   <li><a href="index.html"><p class="hide">Factoring-Eignung</p></a></li>
   <li><a href="index.html"><p class="hide">Factoring-Anfrage</p></a></li>
</ul>
</li>
<li><a href="index.html">Kontakt</a>
<ul id="hide5">
   <li><a href="index.html"><p class="hide">Anschrifft</p></a></li>
   <li><a href="index.html"><p class="hide">So finden Sie uns!</p></a></li>
   <li><a href="index.html"><p class="hide">Impressum</p></a></li>   
</ul>
</li>
</ul>
</div>


Die CSS:
Code:

#hide1
{
display: none;
}

#hide2
{
display: none;
}

#hide3
{
display: none;
}

#hide4
{
display: none;
}

#hide5
{
display: none;
}



Dankeschön schon mal im vorraus!

LG Veritgo01
  View user's profile Private Nachricht senden
caZpa
Account gelöscht


Ort: -

Verfasst Mi 22.02.2006 13:50
Titel

Antworten mit Zitat Zum Seitenanfang

http://squidfingers.com/code/dhtml/?id=expandingmenu
 
Anzeige
Anzeige
 
Ähnliche Themen CSS Javascript Dropdown menü
CSS Drop-Down Menü mit Javascript
CSS/Javascript Menü bereitet Probleme
hoverdrop menü erstellen via css oder javascript
Expand Menü - inaktive Punkte wieder verstecken ? Wie ?
Suche ein bestimmtes Menü zur Einbindung in eine Website
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.