[html] Zmieniające się tło ramki Opcje

[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... (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)

pozdrawiam serdecznie

Ten post edytował mike_mech 23.04.2006, 12:58:49

[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).

Ten post edytował slash12345 23.04.2006, 09:14:28

[atomek_16]

Witaj slash12345,

Trochę gubię się w tym (IMG:http://forum.php.pl/style_emoticons/default/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 (IMG:http://forum.php.pl/style_emoticons/default/sad.gif) pomożesz?
serdeczne dzięki

[Vogel]

jesli juz to:

[HTML] pobierz, plaintext 
<table id="tabelka1">
<tr>
<td>
test
</td>
</tr>
</table>
 
<img src="czarny.jpg" onmouseover="document.getElementById('tabelka1').style.background='#000'">
[HTML] pobierz, plaintext 

[atomek_16]

Vogel: dzięki!

Dzięki wszystkim!:)

Pozdrawiam i życze udanej niedzieli!:)