Forum PHP.pl > Podświetlenie po najechaniu myszka

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Podświetlenie po najechaniu myszka

Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML

sylsaw

18.07.2005, 10:23:33

chcialbym po najechaniu kursorem na dana tabelke zeby ona sie podswietlila, jak to zrobic

revyag

18.07.2005, 10:45:58

To możesz zmienić tło, albo krawędzie,albo to i to

Kod

[HTML] pobierz, plaintext 
<table id="table" onmouseover="hl(this,true)" onmouseout="hl(this,false)">
<tr>
    <td>lalal</td>
</tr>
<tr>
    <td>aaaa</td>
</tr>
<tr>
    <td>bbbb</td>
</tr>
<tr>
    <td>cccc</td>
</tr>
</table>
[HTML] pobierz, plaintext

Zajec

21.07.2005, 19:14:43

A żeby pokazać wyższość alternatywnych przeglądarek

Kod

#table {
background-color: #fff;
border: 0;
}
#table:hover {
background-color: #efefef;
border: 1pd solid #ccc;
}

nediam

22.07.2005, 19:44:34

zajec: to nie zadziala na ie

chyba ze dasz a jako element blokowy i dla <a> tak zrobisz :]

mike

22.07.2005, 21:43:07

Cytat(nediam @ 2005-07-22 19:44:34)

zajec: to nie zadziala na ie

chyba ze dasz a jako element blokowy i dla <a> tak zrobisz :]

No przecież @Zajec napisał, że nie działa na shIEt - badzIEwiu.

A tak poza tym, żeby działało wszędzie można tak jak pokazał @revyag, albo podobnie (ustawiając całe klasy a nie tylko kilka atrybutów CSS):

[HTML] pobierz, plaintext 
<style type="text/css">
 
.table {
    background-color: #FFFFFF;
    border: #FF0000 solid 1px;
}
 
.tableHover {
    background-color: #CDCDCD;
    border: #000000 solid 1px;
}
 
</style>
 
<table class="table" onmouseover="this.className='tableHover'" onmouseout="this.className='table'">
  <tr>
    <td>Cell 1 1</td>
    <td>Cell 1 2</td>
  </tr>
  <tr>
    <td>Cell 2 1</td>
    <td>Cell 2 2</td>
  </tr>
</table>
[HTML] pobierz, plaintext

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.