Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] zmiana atrybutu rodzica
XP'ek
post
Post #1





Grupa: Zarejestrowani
Postów: 263
Pomógł: 9
Dołączył: 3.05.2009
Skąd: Wroc

Ostrzeżenie: (0%)
-----


Witam,

mam takie rozwiązanie

<div id="rodzic">
<div class="dziecko">
<a href="#">#</a>
</div>
</div>


w jaki sposób mogę po najechaniu na link wysłać zmianę tła dla div'a z id

Ten post edytował XP'ek 23.12.2011, 08:34:18
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Sephirus
post
Post #2





Grupa: Zarejestrowani
Postów: 1 527
Pomógł: 438
Dołączył: 28.06.2011
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


AFAIK nie ma pseudoklasy ani selektora pozwalającego na działanie na rodzicu z poziomu dziecka. Najlepiej posłużyć się tutaj jednak JavaScriptem. Zresztą - taką sytuację można zawsze jakoś obejść.

Najprostrza metoda JS polegała by na przygotowaniu DIVowi rodzic dodatkowej klasy "po najechaniu" na przykład #rodzic.hover, wówczas wystarczy dać elementowi A wewnątrz tego diva odpowiednie zdarzenia JS:

  1. #rodzic { /* deklaracja styli bez najechania */
  2. (...)
  3. }
  4.  
  5. #rodzic.hover { /* deklaracja styli po najechaniu */
  6. (...)
  7. }


[JAVASCRIPT] pobierz, plaintext
  1. var a = document.getElementById('rodzic').getElementsByTagName('a')[0];
  2.  
  3. a.onmouseover = function (event) {this.parentNode.parentNode.className = 'hover';}
  4. a.onmouseout = function (event) {this.parentNode.parentNode.className = '';}
[JAVASCRIPT] pobierz, plaintext


Oczywiście jest to przykład dla twojego kodu HTML (IMG:style_emoticons/default/wink.gif)
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 13.10.2025 - 14:40