www.webdeveloper.com
Results 1 to 6 of 6

Thread: Alternating table row background color

  1. #1
    Join Date
    Oct 2006
    Location
    Ables Springs, Texas
    Posts
    139

    Alternating table row background color

    See thread in CSS http://www.webdeveloper.com/forum/sh...d=1#post865561

    Having a problem getting the darned thing to work.

  2. #2
    Join Date
    May 2003
    Posts
    599
    Where is your data coming from? how are your rows defined from a database or text file or array? It could make a difference in your code
    We do precision guesswork

  3. #3
    Join Date
    Oct 2006
    Location
    Ables Springs, Texas
    Posts
    139
    Database.

  4. #4
    Join Date
    May 2007
    Posts
    205
    This will work:

    PHP Code:
    <?
        
    foreach($var as $key => $value){
    ?>
            <!-- alternate rows : ROW 1 and 2 -->        
    <?
            
    if(($key 2)==0){  
    ?>

                        <tr class="classA">
    <?
            
    } else {
    ?>
                        <tr class="classB">
    <?
            
    }
    ?>
            <!-- alternate rows END-->        
    <?
    }
    ?>
    or this:

    HTML Code:
    <html> 
    <head> 
    <style> 
    .classA{ background:#00FF00; } 
    .classB{ background:#ff00ff; } 
    </style> 
    </head> 
    <body> 
    <table> 
    <? 
    $var=array(1,2,3,4,5,6,7,8,9,10); 
    foreach($var as $key){ 
    ?>  
    
    <!-- alternate rows : ROW 1 and 2 --> 
    
    <? 
    if(($key % 2)==0){ 
    ?>  
    <tr class="classA"> 
    
    <? 
    } else { 
    ?>  
    <tr class="classB"> 
    
    <? 
    } 
    ?>  
    
    <!-- alternate rows END--> 
    
    <td>Hello <?=$key?></td>  
    </tr> 
    
    <? 
    } 
    ?> 
    
    </table> 
    </body> 
    </html> 
    if you need more help with integrating this with you code and data coming from the database, let me know.

  5. #5
    Join Date
    Jul 2005
    Location
    faisalabad, punjab, pakistan
    Posts
    241
    you can do this something like:

    PHP Code:
    $i 0;
    $bg "";
    $sql mysql_query('statement');
    while( 
    $res mysql_fetch_array($sql) )
    {
    $++
    i;
    $bg = ( $i%== ) ? "1st color" "2nd color";
    ehco "<tr bgcolor='$bg'><td>$i</td></tr>";

    hope this will be helpfull

  6. #6
    Join Date
    Oct 2006
    Location
    Ables Springs, Texas
    Posts
    139
    This should work, but I must have overlooked something. There is no output, although the database querry appears to work.

    Code:
    		<?php
    		include("dbinfo.inc.php");
    		
        $query="SELECT * FROM webhosts ORDER BY name ASC";
    		$result = mysql_query($query);
    		$num=mysql_numrows($result);
    		$i = 0;
    		mysql_close();
    		?>
    
    		<table>	
    		  <tr> 
    		    <th>Host Name</th>
    				<th>Established</th>
    				<th>Price</th>
    				<th>Disk Space</th>
    				<th>Bandwidth</th>
    				<th>Economy Plan Available</th>
    				<th>Allows Mailing Lists</th>
    				<th>Server Platform</th>
    				<th>SSL Included</th>
    				<th>eCommerce Ready</th>
    				<th>Affiliate Program</th>
    		  </tr>
    
    			<? 
    			while ($i < $num) {
    			$hostname=mysql_result($result,$i,"hostname");
    			$url=mysql_result($result,$i,"url");
    			$established=mysql_result($result,$i,"established");
    			$price=mysql_result($result,$i,"price");
    			$diskspace=mysql_result($result,$i,"diskspace");
    			$bandwidth=mysql_result($result,$i,"bandwidth");
    			$econplan=mysql_result($result,$i,"econplan");
    			$maillists=mysql_result($result,$i,"maillists"); 
    			$platform=mysql_result($result,$i,"platform"); 
    			$ssl=mysql_result($result,$i,"ssl"); 
    			$ecommerce=mysql_result($result,$i,"ecommerce"); 
    			$affiliate=mysql_result($result,$i,"affiliate"); 
        	foreach ($num) {
          
    	    ?>
    
    			<tr class="row<?= $num ?>">
    				<td ><a href="<? echo $url; ?>"><? echo $hostname; ?></a></td>
    				<td><? echo $established; ?></td>
    				<td><? echo $diskspace; ?></td>
    				<td><? echo $bandwidth; ?></td>
    				<td><? echo $econplan; ?></td>
    				<td><? echo $maillists; ?></td>	  
    				<td><? echo $platform; ?></td>	  
    				<td><? echo $ssl; ?></td>	  
    				<td><? echo $ecommerce; ?></td>	  
    				<td><? echo $affiliate; ?></td>	  
    		  </tr>
    			<?
    			$num = 1 - $i;
    			} 
    			?>

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles