+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Zmiana tła divów (/thread-zmiana-tla-divow)
Zmiana tła divów - michalszyd - 03-03-2012
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">3Każ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.
RE: Zmiana tła divów - Pedro84 - 03-03-2012
:hover + background-color:inherit?
RE: Zmiana tła divów - michalszyd - 03-03-2012
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?
RE: Zmiana tła divów - michalszyd - 03-03-2012
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.
RE: Zmiana tła divów - Kartofelek - 03-03-2012
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
RE: Zmiana tła divów - Kartofelek - 03-03-2012
no problemo. juz o tym pisałem na forum. http://selectivizr.com/
RE: Zmiana tła divów - Kartofelek - 04-03-2012
a co powiesz na Netscape Navigator 2? Olać
RE: Zmiana tła divów - michalszyd - 04-03-2012
(03-03-2012, 22:52)kornel_webmaster napisał(a): 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
RE: Zmiana tła divów - michalszyd - 04-03-2012
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.
RE: Zmiana tła divów - Pedro84 - 04-03-2012
Bo zapewne w HTMLu nie zmieniłeś ID na class
