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
    185

    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
    185
    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
    247
    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
    185
    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

"

"

X vBulletin 4.2.2 Debug Information

  • Page Generation 0.12541 seconds
  • Memory Usage 2,899KB
  • Queries Executed 13 (?)
More Information
Template Usage (35):
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_global_above_footer
  • (1)ad_global_below_navbar
  • (1)ad_global_header1
  • (1)ad_global_header2
  • (1)ad_navbar_below
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)ad_thread_first_post_content
  • (1)ad_thread_last_post_content
  • (1)bbcode_code
  • (1)bbcode_html
  • (2)bbcode_php
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)headinclude_bottom
  • (6)memberaction_dropdown
  • (1)navbar
  • (4)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (6)postbit
  • (6)postbit_onlinestatus
  • (6)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available (6):
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files (26):
  • ./showthread.php
  • ./global.php
  • ./includes/class_bootstrap.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/functions_navigation.php
  • ./includes/class_friendly_url.php
  • ./includes/class_hook.php
  • ./includes/class_bootstrap_framework.php
  • ./vb/vb.php
  • ./vb/phrase.php
  • ./includes/functions_facebook.php
  • ./includes/functions_calendar.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_notice.php
  • ./packages/vbattach/attach.php
  • ./vb/types.php
  • ./vb/cache.php
  • ./vb/cache/db.php
  • ./vb/cache/observer/db.php
  • ./vb/cache/observer.php 

Hooks Called (70):
  • init_startup
  • friendlyurl_resolve_class
  • init_startup_session_setup_start
  • database_pre_fetch_array
  • database_post_fetch_array
  • init_startup_session_setup_complete
  • global_bootstrap_init_start
  • global_bootstrap_init_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • load_show_variables
  • load_forum_show_variables
  • global_state_check
  • global_bootstrap_complete
  • global_start
  • style_fetch
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • strip_bbcode
  • friendlyurl_clean_fragment
  • friendlyurl_geturl
  • forumjump
  • cache_templates
  • cache_templates_process
  • template_register_var
  • template_render_output
  • fetch_template_start
  • fetch_template_complete
  • parse_templates
  • fetch_musername
  • notices_check_start
  • notices_noticebit
  • process_templates_complete
  • friendlyurl_redirect_canonical
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • memberaction_dropdown
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • build_navigation_data
  • build_navigation_array
  • check_navigation_permission
  • process_navigation_links_start
  • process_navigation_links_complete
  • set_navigation_menu_element
  • build_navigation_menudata
  • build_navigation_listdata
  • build_navigation_list
  • set_navigation_tab_main
  • set_navigation_tab_fallback
  • navigation_tab_complete
  • fb_like_button
  • showthread_complete
  • page_templates