Forum PHP.pl

Witam, jak zrobić i czy jest to mozliwe aby po najechaniu myszka na wiersz zmienialo tlo tego wiersza a zarazem tez zmienialo tlo przy innych wierszach

Np. <tr najechanie myszy> zmienia tlo

<tr>adfsd
<tr tu tez zmienia tlo ten pierwszy sie zmieni>

Moze znalazlem rozwiazanie:

czemu to nie dziala?? moze inaczej cos trzeba zrobic??

[HTML] pobierz, plaintext 
<tr onmouseover="document.getElementsByName('pp').style.background = '#000000';" onmouseout="document.getElementsByName('pp').style.background = '#fe0000';"><td>adfadfadsf</td></tr>
<tr name="pp"><td >11111adfadfadsf</td></tr>
[HTML] pobierz, plaintext 

Już działa dalem rade
nie wiem czemu ale po ByName('p') trzeba wstawić [0] czyli ...ByName('p')[0].style.......

Ten post edytował webspy 15.02.2010, 18:59:18

Onmouseover + Onmouseout + CSS

W nowszych przeglądarkach sam CSS też wystarczy np:

Do arkusza CSS wstaw:
tr:hover { background-color: #FF0000; }

tylko ze ja chce aby po najechaniu myszka na jeden tr tamte tez sie zmnienialy ale nie wszystkie tr wiec w css moge zrobic ale wtedy wszystkie beda sie zmienialy, a ja chce tylko wybrane tr, onmouseover tak tylko jak najade na jeden tr tamte rez zamienialo.

dodaj do tr'ów ,które mają się zmienić klasę. I odwołaj się do niej a nie do samych tr np:

W tabeli:

[HTML] pobierz, plaintext 
<tr class="wiersz"><td>Dane wiersza</td></tr>
[HTML] pobierz, plaintext 

W CSS:

[HTML] pobierz, plaintext 
table .wiersz :hover{background-color:#FF0000;}
[HTML] pobierz, plaintext 

Ten post edytował Robert1985 15.02.2010, 17:28:59

Może wytłumaczę dokładniej o co mi chodziło,

Mam wiersz tr, po najechaniu myszka zmienia się tło na inne ale w tym samym czasie zmieniaja sie jeszcze inne wiersze tr

hover zmieni tylko jeden wiersz, dopiero po najechaniu mysza na inne tr zmienia sie, a chcialbym aby po najechaniu na jeden wiersz inne tez sie zmienialy ale nie wszystkie
cos w stylu

[HTML] pobierz, plaintext 
<tr onmouseover="this.style.background='#8EFFAB';" onmouseout="this.style.background='#eeecec';"></tr>
<tr ten nie zmienia></tr>
<tr jesli najechales na ten pierwszy tr to ten tez zmienia tlo></tr>
[HTML] pobierz, plaintext 

Dlaczego ten skrypt nie działa:

[HTML] pobierz, plaintext 
<tr onmouseover="document.getElementsByName('pp').style.background = '#000000';" onmouseout="document.getElementsByName('pp').style.background = '#fe0000';"><td>ddd</td></tr>
<tr name="pp"><td>dddddddddddd</td></tr>
[HTML] pobierz, plaintext