Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
[CSS]Zdarzenie w DIVie nr 1 po najechaniu na DIVa nr 2 - Wersja do druku

+- 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: [CSS]Zdarzenie w DIVie nr 1 po najechaniu na DIVa nr 2 (/thread-css-zdarzenie-w-divie-nr-1-po-najechaniu-na-diva-nr-2)



[CSS]Zdarzenie w DIVie nr 1 po najechaniu na DIVa nr 2 - MatixYo - 17-08-2011

Witam,
Czy można zrobić w CSS-ie tak żeby po najechaniu na jednego DIVa spowodować zdarzenie w drugim DIVie?


RE: [CSS]Zdarzenie w DIVie nr 1 po najechaniu na DIVa nr 2 - zacharij - 17-08-2011

Nie, żeby było to crossbrowserowe musisz użyć JS.

http://api.jquery.com/mouseover/


RE: [CSS]Zdarzenie w DIVie nr 1 po najechaniu na DIVa nr 2 - MatixYo - 17-08-2011

Konkretnie chodzi mi o :hover. Tak żeby np po div#przykład:hover div#przykład2 zmieniał np. pozycje. Wystarczy że będzie działało pod FF.


RE: [CSS]Zdarzenie w DIVie nr 1 po najechaniu na DIVa nr 2 - MatixYo - 17-08-2011

Zrobiłem mniej więcej tak:
Kod:
div#DIV1:hover > div#DIV który znajduje się w "DIV1".
{
}

Temat uważam za zamknięty.
@zacharij Tak właśnie zrobilem.


RE: [CSS]Zdarzenie w DIVie nr 1 po najechaniu na DIVa nr 2 - zacharij - 17-08-2011

Jeżeli ten drugi div będzie dzieckiem pierwszego to jest taka możliwośc w css, ale będzie tylko działało w nowych przeglądarkach:

Kod:
<style>
  #id1:hover #id2
  {
     margin: 10px;
  }
</style>

<div id="id1">

  <div="id2"></div>

</div>

oczywiście nie koniecznie musisz korzystać z marginesu, możesz użyć czego chcesz.