[CSS] zmiana atrybutu rodzica Opcje

[XP'ek]

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

[Sephirus]

Też da się zrobić (IMG:style_emoticons/default/smile.gif) Wrzuć cały kod tego to Ci to opiszę (IMG:style_emoticons/default/wink.gif)

EDIT:

jeśli te linki są po kolei w tym divie:

[HTML] pobierz, plaintext 
<div id="rodzic">
<div class="dziecko">
   <a ... >(...)</a>
   <a ... >(...)</a>
   <a ... >(...)</a>
   <a ... >(...)</a>
   <a ... >(...)</a>
   <a ... >(...)</a>
</div>
</div>
[HTML] pobierz, plaintext 

To można to łatwo cyknąć tak:

Robisz tak (IMG:style_emoticons/default/smile.gif)

[JAVASCRIPT] pobierz, plaintext 
 
var rodzicBg = new Array('plik1.png','plik2.png','plik3.png','plik4.png','plik5.png','plik6.png');
var defaultRodzicBg = 'plik0.png';
 
var aList = document.getElementById('rodzic').getElementsByTagName('a');
 
for(var i = 0; i < aList.length; i++)
{
     var a = aList[i];
 
     a.rodzicBgIndex = i;
     a.onmouseover = function (event) {this.parentNode.parentNode.style.backgroundImage = 'url(' + rodzicBg[this.rodzicBgIndex] + ')';}
     a.onmouseout = function (event) {this.parentNode.parentNode.style.backgroundImage = 'url(' + defaultRodzicBg  + ')';}
}
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował Sephirus 23.12.2011, 09:05:15