Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> kolorowanie komórek w tabeli
Szakal
post
Post #1





Grupa: Zarejestrowani
Postów: 86
Pomógł: 0
Dołączył: 27.05.2004
Skąd: Zielona Góra

Ostrzeżenie: (0%)
-----

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

[HTML] pobierz, plaintext 
  1. <table>
  2. <tr><td OnMouseOn="?" OnMouseOver="?">Komórka 1</td></tr>
  3. <tr><td>Komórka 2</td></tr>
  4. <tr><td>Komórka 3</td></tr>
  5. <tr><td>Komórka 4</td></tr>
  6. <tr><td>Komórka 5</td></tr>
  7. </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 (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) ?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 6)
Lonas
post
Post #2





Grupa: Zarejestrowani
Postów: 576
Pomógł: 14
Dołączył: 9.11.2005

Ostrzeżenie: (20%)
X----

A nie możesz do tego użyć styli css ?
Go to the top of the page
+Quote Post
Cysiaczek
post
Post #3





Grupa: Moderatorzy
Postów: 4 465
Pomógł: 137
Dołączył: 26.03.2004
Skąd: Gorzów Wlkp.
Np. najabardziej prymitywnie można tak:
[HTML] pobierz, plaintext 
  1. <script>
  2. function colorMe(id, kolor){
  3. document.getElementById(id).style.background=kolor;
  4. }
  5. </script>
  6.  
  7. <td id="jakies_id" onmouseover='colorMe(this.id, "red")' onmouseout='colorMe(this.id, "pink")'>
[HTML] pobierz, plaintext


Ten post edytował Cysiaczek 15.08.2006, 14:18:54
Go to the top of the page
+Quote Post
Szakal
post
Post #4





Grupa: Zarejestrowani
Postów: 86
Pomógł: 0
Dołączył: 27.05.2004
Skąd: Zielona Góra

Ostrzeżenie: (0%)
-----

Cytat(L.Pociask @ 15.08.2006, 14:16 ) *
A nie możesz do tego użyć styli css ?


no mogę... ale jakaś prpopzycja (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) 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 
  1. <script>
  2. function colorMe(id, kolor){
  3. document.getElementById(id).style.background=kolor;
  4. }
  5. </script>
  6.  
  7. <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"...
Go to the top of the page
+Quote Post
macza
post
Post #5





Grupa: Zarejestrowani
Postów: 236
Pomógł: 4
Dołączył: 1.05.2006
Skąd: Lublin

Ostrzeżenie: (0%)
-----

ja zrobilem to tak:
java:
[HTML] pobierz, plaintext 
  1. function op(aa){
  2. document.getElementById( aa ).style.background='#333333';
  3. }
  4. function up(aa){
  5. document.getElementById( aa ).style.background='none';
  6. }
[HTML] pobierz, plaintext

i teraz dajesz:
<td id=kozak onMouseOver="op(kozak)" onMouseOut="up(kozak)">jhadjgdjug</td>
i dziala
Go to the top of the page
+Quote Post
Szakal
post
Post #6





Grupa: Zarejestrowani
Postów: 86
Pomógł: 0
Dołączył: 27.05.2004
Skąd: Zielona Góra

Ostrzeżenie: (0%)
----- 

[HTML] pobierz, plaintext 
  1. <HTML><HEAD>
  2. <TITLE></TITLE>
  3. <META http-equiv=Content-Type content="text/html; charset=utf-8"></HEAD>
  4. <BODY> 
  5. <table cellspacing=1 cellpadding=1 width=300 border=1 id=tbl>
  6.   <tr>
  7.     <td id=td1><font face=System>Times New Roman</font></td></tr>
  8.   <tr>
  9.     <td><font face=System>Arial</font></td></tr>
  10.   <tr>
  11.     <td><font face=System>Arial Black</font></td></tr>
  12.   <tr>
  13.     <td><font face=System>Arial Narrow</font></td></tr>
  14.   <tr>
  15.     <td><font face=System>Verdana</font></td></tr></table>
  16. <script language="javascript">
  17. function col(){
  18. document.GetElementById('td1').style.background='red';
  19. }
  20.  
  21. </script>
  22. <INPUT type="button" value="Button" onclick="col()">
  23. </BODY></HTML>
[HTML] pobierz, plaintext


mam taki kod...
Go to the top of the page
+Quote Post
Cysiaczek
post
Post #7





Grupa: Moderatorzy
Postów: 4 465
Pomógł: 137
Dołączył: 26.03.2004
Skąd: Gorzów Wlkp.
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

Ten post edytował Cysiaczek 15.08.2006, 14:37:25
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.08.2025 - 11:43
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn