Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html] Zmieniające się tło ramki
Forum PHP.pl > Forum > Przedszkole
atomek_16
Witam!

Panowie i Panie:) macie może jakiś skrypt, pomysł, żeby po najechaniu myszką na np. niebieski kwadracik lub czerwony tabela1 zmieniła kolor na wybrany i kolor tekstu w niej?

Mam skrypcik, ale on zmienia całe tło strony... sad.gif

pozdrawiam serdecznie
slash12345
To zagadnienie jest bezpośrednio związane z użyciem JavaScript-u. Za styl (taki jak w atrybucie style="") odpowiada właściwość style każdego obiektu. Tak więc wywołanie zmiany koloru tła bedzie dość proste:
Kod
<table style="background-color: white; color: black;" onmouseover="style.background-color='red'" onmouseout="style.background-color='white'"><!--Cośtam cośtam--></table>


Jesli tabela ma nazwę i identyfikator (zalecam użycie obu) można odwołać się do niej z poziomu innego obiektu np: window.document.tabela1.style.background-color='red';

Tak samo możemy postąpić z właściwością style.color (zapraszam do lektury CSS na World Wide Web Consortium).
atomek_16
Witaj slash12345,

Trochę gubię się w tym sad.gif

Zrobiłem coś takiego:

Kod
<table id=tabelka1>
<tr>
<td>
test
</td>
</tr>
</table>

<img src=czarny.jpg onmouseover="window.document.tabelka1.style.background-color='black'">


Nie działa sad.gif pomożesz?
serdeczne dzięki
Vogel
jesli juz to:

  1. <table id="tabelka1">
  2. <tr>
  3. <td>
  4. test
  5. </td>
  6. </tr>
  7.  
  8. <img src="czarny.jpg" onmouseover="document.getElementById('tabelka1').style.background='#000'">
atomek_16
Vogel: dzięki!

Dzięki wszystkim!:)

Pozdrawiam i życze udanej niedzieli!:)
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.