Ergebnis 1 bis 5 von 5
  1. #1
    scripper ist offline Jungspund
    registriert
    19-06-2008
    Beiträge
    10

    mehrere Elemente ausblenden

    Hallo zusammen,

    ich hab folgende HTML Struktur.
    HTML-Code:
    <ul id="liste">
    <li>bla bla</li>
    </ul>
    <ul id="liste">
    <li>bla bla</li>
    </ul>
    <ul id="liste">
    <li>bla bla</li>
    </ul>
    Nun möchte ich gerne ein Skript erstellen, dass alle UL Elemente mit der ID liste die eigneschaft display:none gibt.

    Für ein Objekt wäre das ja kein Problem mit
    Code:
    document.getElementById(liste).style.display = 'none';
    Aber wie kann ich das auf mehere anwenden. Oder gibt es da andere Möglichkeiten?

    Danke im vorraus

  2. #2
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: mehrere Elemente ausblenden

    Eine ID darf nur einmal in einem Dokument vorkommen

  3. #3
    ToM80 ist offline Foren-Gott
    registriert
    27-03-2006
    Ort
    Hilden
    Beiträge
    2.728

    AW: mehrere Elemente ausblenden

    Zitat Zitat von scripper Beitrag anzeigen
    Nun möchte ich gerne ein Skript erstellen, dass alle UL Elemente mit der ID liste die eigneschaft display:none gibt.
    Nehm statt ID class.

    Die verschiedenen Listen kannst du dann mittels
    Code:
    document.getElementsByTagName('ul')[n];
    ansprechen. Wobei n für nie Nummer der Liste steht. Für die erste Liste wäre n=0.

  4. #4
    scripper ist offline Jungspund
    registriert
    19-06-2008
    Beiträge
    10

    AW: mehrere Elemente ausblenden

    ok erstmal danke für die Hilfe .. hab das jetzt mal umgesetzt.
    Ich hab eine Toggle Funktion erstellt die entweder die Liste anzeigt oder ausblendet. Da immer nur ein liste angezeigt werden soll und nicht hab ich das mit Nodes gelöst.
    Das Skript sieht folgendermasen aus:
    Code:
    function toggle(element) {
    	// Kindknoten auslesen
    	var kinder = element.childNodes;
    	for (var i=0; i<kinder.length; i++) {
      	if (kinder[i].nodeName=="UL") {
    		// Unter Navi gefunden jetzt checken ob eigebeldet oder ausgebledet
    		if (kinder[i].getAttribute('style')=='display: block;') {
    		kinder[i].setAttribute('style', 'display: none;');
    		} else {
    			kinder[i].setAttribute('style', 'display: block;');
    		}
    	}
    	}
    }
    Der zugehörige html code sieht folgendermasen aus
    HTML-Code:
    <div onmouseover="toggle(this)" onmouseout="toggle(this)" >
    
    <ul style="display: none;" name="sub_cont" class="content_product_single_subnav">
    <li>blabla</li>
    <li>blabla</li>
    <li>blabla</li>
    </ul></div>
    Im Firefox funktioniert auch alles so wie es sollte. Aber der Internet Explorer weigert sich. Ich weiß nicht warum sieht einer von euch das Problem?

  5. #5
    tsseh ist offline Foren-Gott
    registriert
    19-05-2008
    Beiträge
    5.666

    AW: mehrere Elemente ausblenden

    if (kinder[i].getAttribute('style')=='display: block;') {
    bzw.
    kinder[i].setAttribute('style', 'display: none;');
    und auch
    kinder[i].setAttribute('style', 'display: block;');
    ist falsch. nimm
    if (kinder[i].style.display == "block")
    kinder[i].style.display = "none"
    kinder[i].style.display = "block"

Ähnliche Themen

  1. Antworten: 1
    Letzter Beitrag: 04-09-2008, 22:56
  2. warten bis alle Elemente geladen sind
    Von rtx05 im Forum JavaScript
    Antworten: 9
    Letzter Beitrag: 22-07-2008, 10:56
  3. Teile ausblenden
    Von eckocharlie im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 03-08-2006, 16:30
  4. mehrere layers onClick ein- und ausblenden
    Von olachen im Forum JavaScript
    Antworten: 19
    Letzter Beitrag: 16-04-2006, 00:26
  5. gezielt elemente einer website ausblenden
    Von fager im Forum CSS und (X)HTML
    Antworten: 0
    Letzter Beitrag: 18-11-2004, 17:30

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •