Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML] [JS] Zmiana tła tabeli po najechaniu myszką, (Obraz)
Sotery
post 30.10.2008, 11:43:32
Post #1





Grupa: Zarejestrowani
Postów: 38
Pomógł: 0
Dołączył: 27.01.2008

Ostrzeżenie: (0%)
-----


Cześć, mam problem. Chciałbym, aby po najechaniu myszką na dany wiersz zmieniał on obrazek w tle.
I wszystko ładnie - dotarłem do następującego kodu:
  1. <tr onmouseover="this.style.background='url(folder/grafika2.jpg)';" onmouseout="this.style.background='url(folder/grafika.jpg)';" style="background: url('folder/grafika2.jpg')">
  2. <td>Tresc Wiersza</td>
  3. </tr>


Niestety działa on tylko w IE - w FireFox wyświetla jedynie grafikę 2 - po najechaniu nic się nie zmienia.

Czy jest jakiś inny sposób, chociażby w JS, aby te tło było zmieniane w każdej przeglądarce ?
Go to the top of the page
+Quote Post
empathon
post 30.10.2008, 11:53:11
Post #2





Grupa: Zarejestrowani
Postów: 246
Pomógł: 31
Dołączył: 13.11.2006
Skąd: się znamy?

Ostrzeżenie: (0%)
-----


Do tego nie potrzebujesz wogóle Javascript wystarczy CSS.

  1. table tr:hover {
  2. background: url("folder/grafika2.jpg");
  3. }


--------------------
Goldenline: Łukasz Rodziewicz
Go to the top of the page
+Quote Post
Sotery
post 30.10.2008, 13:22:45
Post #3





Grupa: Zarejestrowani
Postów: 38
Pomógł: 0
Dołączył: 27.01.2008

Ostrzeżenie: (0%)
-----


Dalej mi nie wychodzi : P

Znaczy się z tego co próbowałem:
  1. <style type="text/css">
  2. .grafika{
  3. background-image: url(folder/grafika.jpg);
  4. }
  5. .grafika:hover{
  6. background-image: url(folder/grafika2.jpg);
  7. }
  8.  
  9.  
  10. <tr class="grafika">
  11. <td>Tresc Wiersza</td>
  12. </tr>

Ciągle widzę tylko tą pierwszą grafikę - z tym, że w IE też.
Co znowuż robię źle tongue.gif ?

Ten post edytował Sotery 30.10.2008, 13:23:54
Go to the top of the page
+Quote Post
bim2
post 30.10.2008, 13:46:18
Post #4





Grupa: Zarejestrowani
Postów: 1 873
Pomógł: 152
Dołączył: 9.04.2006
Skąd: Berlin

Ostrzeżenie: (0%)
-----


Może poczekaj aż się druga załaduje? smile.gif


--------------------
Go to the top of the page
+Quote Post
Sotery
post 30.10.2008, 13:59:08
Post #5





Grupa: Zarejestrowani
Postów: 38
Pomógł: 0
Dołączył: 27.01.2008

Ostrzeżenie: (0%)
-----


Nieee...
Załadować załadowała by się już dawno. W w kodzie z pierwszego mojego postu w IE ładowała się po około 0,5 sek.
A teraz nawet po minucie nic.

Więc to musi być coś w kodzie.
Go to the top of the page
+Quote Post
webspy
post 15.02.2010, 15:32:43
Post #6





Grupa: Zarejestrowani
Postów: 186
Pomógł: 9
Dołączył: 3.03.2008

Ostrzeżenie: (0%)
-----


Podpinam sie do tematu tylko ja mam taki problem, mianowicie mam tabele i użyłem w niej rowspan

I jak najade na wiersz to podswietla sie tylko ten pierwsze a te wszystkie co są w rowspan niestety nie, jak zrobic zeby podwietlal sie caly wiersz niezaleznie ile zrobie rowspan w wierszu.

moze da sie zrobic cos w stylu odnosnika z javie ze jak zmieniam w tym tr onmouseover=zmienia to w drugim tr jesli onmouseover=zmienia to zmienia tez tlo questionmark.gif?

Ten post edytował webspy 15.02.2010, 15:35:55
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 13.07.2025 - 16:33