Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Jak sprawdzić jaki kolor wypełnienia ma wiersz tabeli
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
kryspinus
14.01.2009, 22:32:00
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;
     }
skowron-line
15.01.2009, 00:16:50 
[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.
kryspinus
15.01.2009, 20:16:22
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'
kamil4u
17.01.2009, 11:34:48
Nie patrzyłem na kod JS, ale brakuje ";" w CSS - więc może dlatego 'nie działa' smile.gif
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.