mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 25.04.2024 23:18 Benutzername: Passwort: Auto-Login

Thema: aufklappmenü vom 22.02.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> aufklappmenü
Autor Nachricht
mavi23
Threadersteller

Dabei seit: 21.12.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 22.02.2008 13:40
Titel

aufklappmenü

Antworten mit Zitat Zum Seitenanfang

hallo, ich habe folgenden code für ein aufklappmenü

Code:
<script language="JavaScript1.2">
<!--



var ns6=document.getElementById&&!document.all
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1

function checkcontained(e){
var iscontained=0
cur=ns6? e.target : event.srcElement
i=0
if (cur.id=="foldheader")
iscontained=1
else
while (ns6&&cur.parentNode||(ie4&&cur.parentElement)){
if (cur.id=="foldheader"||cur.id=="foldinglist"){
iscontained=(cur.id=="foldheader")? 1 : 0
break
}
cur=ns6? cur.parentNode : cur.parentElement
}

if (iscontained){
var foldercontent=ns6? cur.nextSibling.nextSibling : cur.all.tags("UL")[0]
if (foldercontent.style.display=="none"){
foldercontent.style.display=""
}
else{
foldercontent.style.display="none"
}
}
}

if (ie4||ns6)
document.onclick=checkcontained

//-->
</script>


Code:

                                     <ul><li id="foldheader" class="li_header">test 1</li>
                                       <ul id="foldinglist" style="display:none" style=&{head};>
                                          <li>test sub 1</li>
                                          <li>test sub 2</li>
                                     </ul></ul>

                                     <ul><li id="foldheader" class="li_header">test 2</li>
                                       <ul id="foldinglist" style="display:none" style=&{head};>
                                          <li>test 2 sub 1</li>
                                          <li>test 2 sub 2</li>
                                     </ul></ul>


kann ich diesen code dahingehend aendern, dass wenn ich ein menü aufklcke, automatisch das zuvor geöffnete zuklappt?
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Fr 22.02.2008 15:36
Titel

Antworten mit Zitat Zum Seitenanfang

(sry, doppelpost ma gelöscht *zwinker* )
müd heut


Zuletzt bearbeitet von pixelpapst303 am Fr 22.02.2008 15:40, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Fr 22.02.2008 15:37
Titel

Antworten mit Zitat Zum Seitenanfang

hatte gerade mal bock druff. nur muss mir nu ernsthaft ma jemand sagen, warum das nicht im ie lüppt (oder spinnt mein ie mal wieder??)

an mavi... IDs sind eindeutig!!! somit bitte auch jeweils nur EINMAL im html verwenden!!!

Code:

<script language="JavaScript1.2">
<!--



var ns6=document.getElementById&&!document.all
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1

function checkcontained(e){
var iscontained=0
cur=ns6? e.target : event.srcElement
i=0
if (cur.id.substr(0, 10)=="foldheader")
iscontained=1
else
while (ns6&&cur.parentNode||(ie4&&cur.parentElement)){
if (cur.id.substr(0, 10)=="foldheader"||cur.id.substr(0, 12)=="foldinglist"){
iscontained=(cur.id.substr(0, 10)=="foldheader")? 1 : 0
break
}
cur=ns6? cur.parentNode : cur.parentElement
}
if (iscontained){
    for (var i = 0; i < document.getElementsByName("menu").length; i++) {
    document.getElementsByName("menu")[i].style.display = "none";   
    }
var foldercontent=ns6? cur.nextSibling.nextSibling : cur.all.tags("UL")[0]
if (foldercontent.style.display=="none"){
foldercontent.style.display=""
}
else{
foldercontent.style.display="none"
}
}
}

if (ie4||ns6)
document.onclick=checkcontained
//-->
</script>

Code:

<ul><li id="foldheader1" class="li_header">test 1</li>
   <ul name="menu" id="foldinglist1" style="display:none" style=&{head};>
     <li>test sub 1</li>
     <li>test sub 2</li>
   </ul>
</ul>

<ul><li id="foldheader2" class="li_header">test 2</li>
   <ul name="menu" id="foldinglist2" style="display:none" style=&{head};>
     <li>test 2 sub 1</li>
     <li>test 2 sub 2</li>
   </ul>
</ul>



Zuletzt bearbeitet von pixelpapst303 am Fr 22.02.2008 15:37, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
mavi23
Threadersteller

Dabei seit: 21.12.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 22.02.2008 16:37
Titel

Antworten mit Zitat Zum Seitenanfang

super! vielen dank und schönes wochenende!
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Fr 22.02.2008 16:40
Titel

Antworten mit Zitat Zum Seitenanfang

dito. und sag mal bescheid, wenn du eine antwort auf meine ie-frage gefunden hast *zwinker*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Aufklappmenü
Horizontales Aufklappmenü
Horizontales Aufklappmenü
[css] - Simples Aufklappmenü will nicht in IE :)
Probleme mit AufklappMenü und Typo3
Horizontales aufklappmenü mit Java/CSS
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.