tutorials.de Buch-Aktion 05/2012
Like Tree1Danke
  • 1 Beitrag von CPoly
ERLEDIGT
JA
ANTWORTEN
4
ZUGRIFFE
382
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    Carrear Carrear ist offline Mitglied Brokat
    Registriert seit
    Dec 2004
    Ort
    Lehrte bei Hannover
    Beiträge
    435
    Ich suche eine ausführliche Beschreibung a la CSS4YOU.de nur eben für JS Selektoren, weil ich aktuell vor folgendem Problem stehe:

    Ich habe eine Verschachtelung:

    Code :
    1
    2
    3
    4
    5
    
    <div class="eins">
    <div class="zwei">
     
    </div>
    </div>

    Ich möchte gerne, dass der container mit class="zwei" immer bei einem hover über den container mit class="eins" erscheint. Ich habe es versucht mit

    Code :
    1
    
    this.zwei.style.display='inline'

    , aber der Container reagiert nicht, deswegen denke ich, dass ich den Selektor falsch beschrieben habe.

    Das Problem ist, dass diese Verschachtelung auf einer Seite mehrmals vorkommt und wenn ich einfach sage
    Code :
    1
    
    .zwei.style.display='inline'

    dann zeigt er alle auf dieser seite an. Ich kann den einzelnen class="zwei" containern keine genaue bezeichnung (ID) zuweisen.

    Also suche ich eine Möglichkeit immer DEN class="zwei" container anzusprechen der sich in dem class=""eins" container befindet, über den der cursor grad "hovert"
     

  2. #2
    CPoly CPoly ist offline Mitglied Weizenbier
    tutorials.de Premium-User
    Registriert seit
    Sep 2009
    Beiträge
    2.445
    Es gibt nicht sowas wie "Selektoren" in JavaScript. Es gibt das DOM und entsprechende Methoden. Wieso verwendest du dafür nicht CSS?

    CSS: http://jsfiddle.net/sxLZm/
    JS: http://jsfiddle.net/fHk6e/1/

    Edit:
    http://www.w3schools.com/jsref/default.asp
    http://de.selfhtml.org/javascript/
    Geändert von CPoly (06.01.12 um 16:16 Uhr)
     

  3. #3
    Carrear Carrear ist offline Mitglied Brokat
    Registriert seit
    Dec 2004
    Ort
    Lehrte bei Hannover
    Beiträge
    435
    Meinst du pures CSS? Na ich will doch sagen, wenn hover über 1, dann verändere 2 - ich wüsste nicht wie das mit CSS geht?
     

  4. #4
    CPoly CPoly ist offline Mitglied Weizenbier
    tutorials.de Premium-User
    Registriert seit
    Sep 2009
    Beiträge
    2.445
    Zitat Zitat von Carrear Beitrag anzeigen
    Meinst du pures CSS? Na ich will doch sagen, wenn hover über 1, dann verändere 2 - ich wüsste nicht wie das mit CSS geht?
    Ich habe die Lösung doch gepostet! http://jsfiddle.net/sxLZm/

    So lange Element 2 entweder auf gleicher oder einer tieferen Ebene wie Element 1 ist, kann man die ohne weiteres mittels CSS auswählen.


    (Steht so auch in dem Link):
    Code css:
    1
    2
    3
    
    .eins:hover > .zwei {
        display:inline;
    }
    Carrear bedankt sich. 

  5. #5
    Carrear Carrear ist offline Mitglied Brokat
    Registriert seit
    Dec 2004
    Ort
    Lehrte bei Hannover
    Beiträge
    435
    Ja, da hast du meine Beschreibung aber nicht richtig gelesen. Es gibt mehrere mit der klasse zwei und es sollen ja nicht alle umgestellt werden auf display: inline sondern nurder im geklicken element mit klasse "eins"

    EDIT : BLA BLA Ich bin so ein Honk. Ich bin fest davon ausgegangen, dass es dann auf alle untergeordneten Elemente zutrifft, aber NATÜRLICH nur für die die gehovert werden Entschuldige!
    Geändert von Carrear (11.01.12 um 12:20 Uhr)
     

Ähnliche Themen

  1. Verkettungen von Selektoren
    Von Necro_nomicon im Forum CSS
    Antworten: 2
    Letzter Beitrag: 06.07.09, 12:59
  2. Antworten: 3
    Letzter Beitrag: 09.10.08, 23:18
  3. Problem bei Vererbung von Attributen bei Selektoren
    Von Jan-Frederik Stieler im Forum CSS
    Antworten: 6
    Letzter Beitrag: 28.11.06, 02:32
  4. Antworten: 3
    Letzter Beitrag: 21.10.06, 07:21
  5. ID oder Class Selektoren?
    Von CHT im Forum CSS
    Antworten: 4
    Letzter Beitrag: 16.06.04, 13:38