Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js] dynamiczna zmiana obramowania wiersza
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
ktuvok
Mam tabelę, w której aktualnie wskazywana komórka jest podświetlana. Robię to tak:

Kod
<TD onMouseOver="this.style.backgroundColor='#E1E1E1';" onMouseOut="this.style.backgroundColor='#FFFFFF';"></TD>


Oryginalnie komórki tej tabeli nie mają obramowania. Jaki kod dodać, aby oprócz podświetlenia - jak wyżej - pojawiało się również obramowanie komórki aktualnie wskazywanej?

Pozdrawiam,
K
Paul
[xml:1:9984943a09]<td onmouseover="
this.style.backgroundColor='#E1E1E1';
this.style.borderLeftWidth = 1;
this.style.borderRightWidth = 1;
this.style.borderTopWidth = 1;
this.style.borderBottomWidth = 1;
this.style.borderColor = '#000000';
this.style.borderStyle = 'solid';"
onmouseout="this.style.backgroundColor='#FFFFFF';
this.style.borderLeftWidth = 0;
this.style.borderRightWidth = 0;
this.style.borderTopWidth = 0;
this.style.borderBottomWidth = 0;
">a</td>[/xml:1:9984943a09]
probonuje zrobic sobie z tego funkcje bo inaczej, jesli to bedzie wiecej razy na stronie wykorzystywane to strasznie duzo to bedzie wazyc...

mozna tez latwiej i przyjemniej:

[xml:1:9984943a09]<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
<style type="text/css">
.out{background-color:#FFFFFF;border:0px;}
.over{background-color:#E1E1E1;border:1px solid #000000;}
</style>
</head>
<body>
<table width="500" cellspacing="0" cellpadding="0">
<tr><td onmouseover="this.className = 'over';" onmouseout="this.className = 'out';">a</td></tr>
</table>
</body></html> [/xml:1:9984943a09]
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.