Forum PHP.pl > kolorowanie komórek w tabeli

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: kolorowanie komórek w tabeli

Szakal

15.08.2006, 14:12:27

Witam... mam jakomś tam tabelkę... przykłądowo...

[HTML] pobierz, plaintext 
<table>
<tr><td OnMouseOn="?" OnMouseOver="?">Komórka 1</td></tr>
<tr><td>Komórka 2</td></tr>
<tr><td>Komórka 3</td></tr>
<tr><td>Komórka 4</td></tr>
<tr><td>Komórka 5</td></tr>
</table>
[HTML] pobierz, plaintext

ichodzi mi o to, żeby poszczegulne komórki zmieniały tło po najechaniu na nie kursorem mychy... jak to rozegraćod strony Java script

Lonas

15.08.2006, 14:16:11

A nie możesz do tego użyć styli css ?

Cysiaczek

15.08.2006, 14:18:07

Np. najabardziej prymitywnie można tak:

[HTML] pobierz, plaintext 
<script>
function colorMe(id, kolor){
document.getElementById(id).style.background=kolor;
}
</script>
 
<td id="jakies_id" onmouseover='colorMe(this.id, "red")' onmouseout='colorMe(this.id, "pink")'>
[HTML] pobierz, plaintext

Szakal

15.08.2006, 14:28:22

Cytat(L.Pociask @ 15.08.2006, 14:16 )

A nie możesz do tego użyć styli css ?

no mogę... ale jakaś prpopzycja

chciałbym zrobić coś w stylu pola select... dlatego niepotrzebny mi jest żaden css niewiem tylko jak ustawić zapomocom JavaScript tło danej komórki...

Cytat(Cysiaczek @ 15.08.2006, 14:18 )

Np. najabardziej prymitywnie można tak:

[HTML] pobierz, plaintext 
<script>
function colorMe(id, kolor){
document.getElementById(id).style.background=kolor;
}
</script>
 
<td id="jakies_id" onmouseover='colorMe(this.id, "red")' onmouseout='colorMe(this.id, "pink")'>
[HTML] pobierz, plaintext

no robiłem już tak... Zwraca mi "Obiekt nie obsługuje tej wartości lub metody"...

macza

15.08.2006, 14:33:35

ja zrobilem to tak:
java:

[HTML] pobierz, plaintext 
function op(aa){
document.getElementById( aa ).style.background='#333333';
}
function up(aa){
document.getElementById( aa ).style.background='none';
}
[HTML] pobierz, plaintext

i teraz dajesz:
<td id=kozak onMouseOver="op(kozak)" onMouseOut="up(kozak)">jhadjgdjug</td>
i dziala

Szakal

15.08.2006, 14:33:40

[HTML] pobierz, plaintext 
<HTML><HEAD>
<TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8"></HEAD>
<BODY> 
<table cellspacing=1 cellpadding=1 width=300 border=1 id=tbl>
  <tr>
    <td id=td1><font face=System>Times New Roman</font></td></tr>
  <tr>
    <td><font face=System>Arial</font></td></tr>
  <tr>
    <td><font face=System>Arial Black</font></td></tr>
  <tr>
    <td><font face=System>Arial Narrow</font></td></tr>
  <tr>
    <td><font face=System>Verdana</font></td></tr></table>
<script language="javascript">
function col(){
document.GetElementById('td1').style.background='red';
}
 
</script>
<INPUT type="button" value="Button" onclick="col()">
</BODY></HTML>
[HTML] pobierz, plaintext

mam taki kod...

Cysiaczek

15.08.2006, 14:34:49

Pod IE nie działa?
Bo pod FF działa na 200% - właśnie sprawdziłem. Niestety nie moge teraz sprawdzić na IE, bo nie mam.

BTW - nie GetElementById, a getElementById
JS jest case sensitive.

Pozdrawiam

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.