Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Zapamiętanie wartości artybutu bieżącego elementu
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
scanner
Zakładając, ze dysponujemy hipotetycznym kodem:
  1. <tr>
  2. <td style="width: 15px; height: 15px; background: red;"></td>
  3. <td style="width: 15px; height: 15px; background: blue;"></td>
  4. <td style="width: 15px; height: 15px; background: red;"></td>
  5. </tr>
  6. <tr>
  7. <td style="width: 15px; height: 15px; background: blue;"></td>
  8. <td style="width: 15px; height: 15px; background: red;"></td>
  9. <td style="width: 15px; height: 15px; background: blue;"></td>
  10. </tr>
  11. <tr>
  12. <td style="width: 15px; height: 15px; background: red;"></td>
  13. <td style="width: 15px; height: 15px; background: blue;"></td>
  14. <td style="width: 15px; height: 15px; background: red;"></td>
  15. </tr>
Ja napisać skypr w JS, który przy zdarzeniu onMouseOver zmieni tło na "yellow" a po onMouseOut przywróci oryginalny kolor?

Niestety, ale chwilo brak mi jeszcze czasu na zabawę z JS, więc będe wdzięczny za pmoc smile.gif
zone
Witam wszystkich po raz pierwszy smile.gif

Kod
onmouseover="this.style.backgroundColor='#fafafa'" onmouseout="this.style.backgroundColor='#f4f4f4'"


Pozdrawiam/Zone
scanner
Przeczytaj jeszcze raz mój problem.

Ja wiem jak zamienić kolor w obiekcie.
Nie wiem, jak przywrócić jego oryginalny kolor po onMouseOut.
bregovic
AFAIK nie mozesz przywrocic 'oryginalnego' koloru - mozesz dac nowy - np taki sam jak ten oryginalny.
scanner
Nie mozna w zmiennej JS zapamiętać stanu obiektu przy zdarzeniu OnMouseOver i przywrócić go przy OnMOuseOut questionmark.gif
DeyV
pewnie że można.
Choćby tak
  1. onMouseOver="this.style.tmp_backgroundColor=this.style.backgroundColor; this.style.backgroundColor='#CCFFCC';"
  2. onMouseOut="this.style.backgroundColor= this.style.tmp_backgroundColor ? this.style.tmp_backgroundColor : '' "
nocnyMark()
ja robie to tak:

w stylach definiuje:
  1. tr.dane:hover { background-color:#e9e9e9 }


a potem w kodzie juz tyko:

  1. <tr class=dane>
  2. <td style="width: 15px; height: 15px; background: red;"></td>
  3. <td style="width: 15px; height: 15px; background: blue;"></td>
  4. <td style="width: 15px; height: 15px; background: red;"></td>
  5. </tr>


tylko ze nie jest to przy uzyciu JS a CSS

ale moze tez sie przyta tobie scanner
scanner
DeyV: Ty już wiesz.
nocnyMarek: Przyda się na penwo przy sprzątaniu szablonów smile.gif
bregovic
nocnyMark():
Hover w IE dziala zdaje sie tylko na linkach (nie dziala jako styl czegokolwiek innego niz 'a').
DeyV:
Kurde, dlaczego nie pomyslalem o zmiennych sad.gif
silent
Cytat(bregovic @ 2004-10-08 12:52:56)
nocnyMark():
Hover w IE dziala zdaje sie tylko na linkach (nie dziala jako styl czegokolwiek innego niz 'a').

W Firebird działa, w IE6 nie, no ale kto by się przejmował IE? aaevil.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.