tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
4
ZUGRIFFE
3383
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. #1
    rudie3001 rudie3001 ist offline Grünschnabel
    Registriert seit
    Jun 2005
    Beiträge
    3
    habe folgendes problem. ich möchte diese navigation http://css.maxdesign.com.au/listamatic2/vertical16.htm benutzen. wie bekomme ich es hin, das man die unterpunkte erst beim klicken auf die hauptkategorie sieht
     

  2. #2
    Registriert seit
    Dec 2002
    Ort
    Trier
    Beiträge
    17.502
    Blog-Einträge
    10
    Am besten ist das mit JavaScript zu lösen. Probier mal Folgendes:
    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    
    window.onload = function() {
        var navChildNodes = document.getElementById("navlist").childNodes;
        for( var i = 0; i<navChildNodes.length; i++ ) {
            if( navChildNodes[i].nodeName.toLower() != "li" ) {
                continue;
            }
            toogleChildNodes( navChildNodes[i] );
            var subnavChildNodes = navChildNodes[i].childNodes;
            for( var j = 0; j<subnavChildNodes.length; j++ ) {
                if( subnavChildNodes[j].nodeName.toLower() != "a" ) {
                    continue;
                }
                subnavChildNodes[j].onclick = function() { toogleChildNodes( navChildNodes[i] );
            }
        }
    }
    function toggleChildNodes( obj ) {
        var c = obj.style.getElementsByTagName("ul");
        if( c.length <= 0 ) {
            return false;
        }
        if( c[0].style.display == "none" ) {
            c[0].style.display = "block";
        } else {
            c[0].style.display = "none";
        }
    }
     
    Markus Wulftange

  3. #3
    rudie3001 rudie3001 ist offline Grünschnabel
    Registriert seit
    Jun 2005
    Beiträge
    3
    gibt es auch eine möglichkeit das ohne javascript zu realisieren?
     

  4. #4
    Avatar von Biergamasda
    Biergamasda Biergamasda ist offline Mitglied Brokat
    Registriert seit
    Feb 2005
    Beiträge
    373
    ja, gibt es.

    jedoch hat die ohne js Lösung einen kleinen Haken, der IE kann dies nicht interpretieren, deshalb kommst du um ein kleines JavaScript nicht rum.

    Am einfachsten zum realisieren ist es per listen
    HTML-Code:
    (<ul>/<li>)
    dazu selfhtml -->klick<--

    lg
     

  5. #5
    Maik Tutorials.de Gastzugang
    @ rudie3001: Bitte achte in Deinen Beiträgen auf die Groß- und Kleinschreibung.

    Zitat Zitat von Netiquette Nr.15

    [...] durchgehend kleingeschriebene Beiträge sind ebenfalls unerwünscht.

    Quelle: http://www.tutorials.de/netiquette.html
     

Ähnliche Themen

  1. Navi css
    Von spamerix im Forum CSS
    Antworten: 19
    Letzter Beitrag: 23.11.08, 11:25
  2. navi
    Von El_Tomato im Forum Javascript & Ajax
    Antworten: 15
    Letzter Beitrag: 22.12.06, 22:41
  3. Navi in IE
    Von dirkgently im Forum CSS
    Antworten: 18
    Letzter Beitrag: 29.07.06, 01:26
  4. Navi-Probs
    Von CrocodileHunter im Forum Javascript & Ajax
    Antworten: 4
    Letzter Beitrag: 31.07.04, 16:10
  5. Navi Problem
    Von Hexle im Forum Flash Plattform
    Antworten: 4
    Letzter Beitrag: 16.07.04, 11:40