JS редуващи се цветове

[dashe]

Има ли начин да се направи със Js да се редуват два цвята...
Има един урок със пхп от жоро но със js има ли ?

 

[gionai]

Това?
http://webscripts.softpedia.com/script/Snippets/ASP-JS-Alternate-Row-Colors-23053.html

Ако ли пьк не направо тук http://www.google.bg/search?hl=bg&q=javascript+alternate+colors&meta=

 

[jooorooo]

<html>
<head>
<style> 
 .odd{background-color: white;} 
 .even{background-color: gray;} 
</style>
<script type="text/javascript">
function alternate(id){ 
 if(document.getElementsByTagName){  
   var table = document.getElementById(id);   
   var rows = table.getElementsByTagName("tr");   
   for(i = 0; i < rows.length; i++){           
 //manipulate rows 
     if(i % 2 == 0){ 
       rows[i].className = "even"; 
     }else{ 
       rows[i].className = "odd"; 
     }       
   } 
 } 
}
</script>
<head>
<body onload="alternate('thetable')"> 

<table width="300" id="thetable">
	<tr>
		<td>dsadasdsa</td>
	</tr>
	<tr>
		<td>dsadasdsa few few few</td>
	</tr>
	<tr>
		<td>dsadasdsa</td>
	</tr>
	<tr>
		<td>dsadasdsa few few few</td>
	</tr>
	<tr>
		<td>dsadasdsa</td>
	</tr>
	<tr>
		<td>dsadasdsa few few few</td>
	</tr>
</table>

 

[dashe]

Да ама как да го напрая...
Не със таблици ама със дивове трябва ли нещо да променям във js кода?

 

[jooorooo]

Да ама как да го напрая...
Не със таблици ама със дивове трябва ли нещо да променям във js кода?

за дивове, не се сещам за начин по който да ти брой дивовете

 

[jooorooo]

<html> 
<head> 
<style> 
 .odd{background-color: white; list-style: none;} 
 .even{background-color: gray; list-style: none;} 
</style> 
<script type="text/javascript"> 
function alternate(id){ 
 if(document.getElementsByTagName){  
   var table = document.getElementById(id);    
   var rows = table.getElementsByTagName("li");    
   for(i = 0; i < rows.length; i++){            
 //manipulate rows 
     if(i % 2 == 0){ 
       rows[i].className = "even"; 
     }else{ 
       rows[i].className = "odd"; 
     }        
   } 
 } 
} 
</script> 
<head> 
<body onload="alternate('thetable')"> 

<div id="thetable">
<ul>
	<li>fdsfdsfsd</li>
	<li>fdsfdsfsd fe fe e</li>
	<li>fdsfdsfsd</li>
	<li>fdsfdsfsd fe fe e</li>
	<li>fdsfdsfsd</li>
	<li>fdsfdsfsd fe fe e</li>
	<li>fdsfdsfsd</li>
	<li>fdsfdsfsd fe fe e</li>
	<li>fdsfdsfsd</li>
	<li>fdsfdsfsd fe fe e</li>
</ul>
</div>

 

[jooorooo]

<html> 
<head> 
<style> 
 .odd{background-color: white; } 
 .even{background-color: gray; } 
</style> 
<script type="text/javascript"> 
function alternate(id){ 
 if(document.getElementsByTagName){  
   var table = document.getElementById(id);    
   var rows = table.getElementsByTagName("div");    
   for(i = 0; i < rows.length; i++){            
 //manipulate rows 
     if(i % 2 == 0){ 
       rows[i].className = "even"; 
     }else{ 
       rows[i].className = "odd"; 
     }        
   } 
 } 
} 
</script> 
<head> 
<body onload="alternate('thetable')"> 

<div id="thetable">

	<div>fdsfdsfsd</div>
	<div>fdsfdsfsd fe fe e</div>
	<div>fdsfdsfsd</div>
	<div>fdsfdsfsd fe fe e</div>
	<div>fdsfdsfsd</div>
	<div>fdsfdsfsd fe fe e</div>
	<div>fdsfdsfsd</div>
	<div>fdsfdsfsd fe fe e</div>
	<div>fdsfdsfsd</div>
	<div>fdsfdsfsd fe fe e</div>

</div>

 

[dashe]

<html> 
<head> 
<style> 
 .odd{background-color: white; } 
 .even{background-color: gray; } 
</style> 
<script type="text/javascript"> 
function alternate(id){ 
 if(document.getElementsByTagName){  
   var table = document.getElementById(id);    
   var rows = table.getElementsByTagName("div");    
   for(i = 0; i < rows.length; i++){            
 //manipulate rows 
     if(i % 2 == 0){ 
       rows[i].className = "even"; 
     }else{ 
       rows[i].className = "odd"; 
     }        
   } 
 } 
} 
</script> 
<head> 
<body onload="alternate('thetable')"> 

<div id="thetable">

	<div>fdsfdsfsd</div>
	<div>fdsfdsfsd fe fe e</div>
	<div>fdsfdsfsd</div>
	<div>fdsfdsfsd fe fe e</div>
	<div>fdsfdsfsd</div>
	<div>fdsfdsfsd fe fe e</div>
	<div>fdsfdsfsd</div>
	<div>fdsfdsfsd fe fe e</div>
	<div>fdsfdsfsd</div>
	<div>fdsfdsfsd fe fe e</div>

</div>

+1