Zmiana tła divów

[michalszyd]

Witam,
Przypuśćmy że mam kilka divów:

Kod:

<div id="1">1</div> <div id="1">1</div> <div id="1">1</div>
<div id="2">2</div> <div id="2">2</div> <div id="2">2</div>
<div id="3">3</div> <div id="3">3</div> <div id="3">3

</div>
Każdy z tych divów ma domyślny kolor biały, zawarty w stylach.

Teraz chciałbym zrobić, aby po najechaniu na jakikolwiek div o id=1, zmieniało się tło wszystkich divów o id=1, po najechaniu na div id=2, wszystkie divy id=2 zmieniały kolor tła i tak dalej.

Jak można takie coś zrobić??
Z góry dzięki za rady.

[Pedro84]

:hover + background-color:inherit?

[michalszyd]

No tak, da się w hover to zrobić, z tym że tych divów będzie spora ilość, a w dodatku nie ustalona, także nie zrobię hover do 100 divów, jeżeli będzie potrzeba tylko 20, a jak wyjdzie że potrzeba jeszcze więcej, to już całkiem padnie.

Zostaje chyba JS?

[michalszyd]

Chyba nie umiem tego zastosować:/
Gdy daje class, nic nie działa. Jeżeli dam to w id, to działa, lecz zmienia kolor tylko jednego w przypadku jednego divu.

[Kartofelek]

Jak pisał kornel
NIE WOLNO stosować kilku takich samych ID. Używa się klas.
Poza tym do takich rzeczy nie stosuje się JS tylko CSS, które ma wystarczająco dużo pseudo klas do zabawy:

.klasa:hover {}
.klasa:nth-of-type:hover {}
itp
http://reference.sitepoint.com/css/css3psuedoclasses

[Kartofelek]

no problemo. juz o tym pisałem na forum. http://selectivizr.com/

[Kartofelek]

a co powiesz na Netscape Navigator 2? Olać

[michalszyd]

Jeżeli masz 100 podobnych elementów div to musisz dać im clasy (class) .

Powiedziałem, że jak daje class to nic nie działa

[michalszyd]

Kod:

<div class="div1" onmouseover="document.getElementsByClass('div1').style.background='#fff';" onmouseout="document.getElementsByClass('div1').style.background='none';">div</div>

Kod:

<div id="div1" onmouseover="document.getElementById('div1').style.background='#fff';" onmouseout="document.getElementById('div1').style.background='none';">div</div>

Kody różnią się tylko tym, że w pierwszym jest class, w drugim id, i linijką document.getElementById
Pierwszy nie działa, drugi natomiast działa.

[Pedro84]

Bo zapewne w HTMLu nie zmieniłeś ID na class