Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Jak sprawdzić jaki kolor wypełnienia ma wiersz tabeli
kryspinus
post 14.01.2009, 22:32:00
Post #1





Grupa: Zarejestrowani
Postów: 26
Pomógł: 0
Dołączył: 1.04.2008

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

Witam, mam taki problem, że w zależności od tego jaki kolor wypełnienia ma wiersz tabeli, muszę go zmienić na inny, mam taką funkcję, która nie działa:

Kod
function AktywDeaktyw(tabela)
     {
         var table = document.getElementById(tabela);
         var cells = table.getElementsByTagName("td");
        
         if(cells[i].style.background == '#CCCCCC')
             {
                 cells[i].style.background = '#FFFFCC';
             }
         else if(cells[i].style.background == '#FFFFCC')
             {
                 cells[i].style.background = '#CCCCCC';
             }
        
         return false;
     }
Go to the top of the page
+Quote Post
skowron-line
post 15.01.2009, 00:16:50
Post #2





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.  
  4. <script type="text/javascript">
  5.  
  6. function tblRows(){
  7.  
  8. 	var oTable = document.getElementById( 'oTable' );
  9.  
  10. 	for( var i=0; i< oTable.rows.length; i++)
  11. 	{   
  12.  
  13. 		if( oTable.rows[ i ].style.backgroundColor == 'green')
  14. 			oTable.rows[ i ].style.backgroundColor = 'silver';
  15. 		else if( oTable.rows[ i ].style.backgroundColor == 'red' )
  16. 			oTable.rows[ i ].style.backgroundColor = 'blue';
  17.  
  18. 	}
  19.  
  20. }
  21.  
  22. </script>
  23.  
  24. </head>
  25. <body onLoad="tblRows();">
  26.  
  27. <table id="oTable">
  28.  
  29. <tr style="background-color:green">
  30. <td>aaa</td>
  31. <td>aaa</td>
  32. <td>aaa</td>
  33. </tr>
  34. <tr style="background-color:red">
  35. <td>bbb</td>
  36. <td>bbb</td>
  37. <td>bbb</td>
  38. </tr>
  39.  
  40. </table>
  41.  
  42. </body>
  43. </html>
[HTML] pobierz, plaintext

jeżeli o to chodziło.
+
http://www.javascriptkit.com/domref/tableproperties.shtml

Edit::
Może dorzuce jeszcze jedno rozwiązanie żeby ludziska nie pisali ze jak jest
Kod
<tr bgcolor="yellow">

to nie działa
odpowiedzią jest pobranie atrybutu
Kod
oTable.rows[ i ].getAttribute( 'bgcolor' )
// zamiast
oTable.rows[ i ].style.backgroundColor


pzdr.

Ten post edytował Ociu 15.01.2009, 07:58:16
Powód edycji: Poprawiłem BBCode (ociu)


--------------------
I'm so fast that last night I turned off the light switch in my hotel room and was in bed before the room was dark - Muhammad Ali.
Peg jeżeli chcesz uprawiać sex to dzieci muszą wyjść, a jeżeli chcesz żeby był dobry ty też musisz wyjść - Al Bundy.

QueryBuilder, Mootools.net, bbcradio1::MistaJam
http://www.phpbench.com/
Go to the top of the page
+Quote Post
kryspinus
post 15.01.2009, 20:16:22
Post #3





Grupa: Zarejestrowani
Postów: 26
Pomógł: 0
Dołączył: 1.04.2008

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

Witam, Dzięki wielkie za odpowiedź, dzisiaj sprawdziłem to rozwiązanie i jednak to
Kod
             oTable.rows[ i ].style.backgroundColor

działa zamiast
Kod
               oTable.rows[ i ].getAttribute( 'bgcolor' )


Do tego zmodyfikowałem trochę tą funkcję, to ją wkleję, może się komuś przyda

Kod
             function AktywDeaktyw()
                 {
                     var table = document.getElementById('id_tabeli');
                    
                     for(i=0; i< table.rows.length; i++)
                         {
                             if(table.rows[i].style.backgroundColor == 'rgb(255, 0, 0)') //Odpowiednik red
                                 {
                                     table.rows[i].style.backgroundColor = 'rgb(0, 255, 0)'; //Odpowiednik green
                                 }
                             else if(table.rows[i].style.backgroundColor == 'rgb(0, 255, 0)')
                                 {
                                     table.rows[i].style.backgroundColor = 'rgb(255, 0, 0)';
                                 }
                         }
                 }


Definicja wiersza tabeli wygląda tak:
[HTML] pobierz, plaintext 
  1. <tr style="background-color:#FF0000"> //red
  2. <tr style="background-color:#00FF00"> //green
[HTML] pobierz, plaintext


Dodam jeszcze, że pod Internet Explorer ten kod nie działa. Żeby działał również pod IE, trzeba używać definicji słownych:

[HTML] pobierz, plaintext 
  1. <tr style="background-color:red">
[HTML] pobierz, plaintext

Kod
table.rows[i].style.backgroundColor == 'red'
Go to the top of the page
+Quote Post
kamil4u
post 17.01.2009, 11:34:48
Post #4





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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

Nie patrzyłem na kod JS, ale brakuje ";" w CSS - więc może dlatego 'nie działa' smile.gif


--------------------
>>> iPage.pl - JS, HTML5, CSS3, Android - moja oferta
>>> myPrzepis.pl - blog kulinarny
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

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

 

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

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

RSS Wersja Lo-Fi Aktualny czas: 16.07.2025 - 08:32
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn