PHP交替单元格颜色垂直
我想显示一个表显示不同的成员资格包,并需要尝试让每列交替颜色来分离包。我有交替单元的代码,但它们是水平的而不是垂直的。请让我知道如果这是可能的,并且我的代码错误,以垂直交替单元格。谢谢PHP交替单元格颜色垂直
<table width="100%" border="0" cellspacing="0">
<tr>
<td> </td>
<?php
foreach((array) $membership_names as $name) { ?>
<td align="center" style="background:#ffffe4; padding:5px; border-top:1px solid #ccc; border-right:1px solid #fff; border-left:1px solid #fff;"><strong><?php echo $this->escape($name); ?></strong></td>
<?php } ?>
</tr>
<?php
$i = 1; // Our row counter
foreach((array) $memberships as $membership) {
if ($i % 2 != 0) # An odd row
$rowStyle = "background:#FFFFE4; border-bottom:1px solid #ccc; border-top:1px solid #fff; height:40px; padding:10px;";
else # An even row
$rowStyle = "background:#FFF4D8; border-bottom:1px solid #ccc; border-top:1px solid #fff; height:40px; padding:10px;";
?>
<tr>
<td align="left" style="<?php echo $rowStyle; ?>"><strong><?php echo $this->escape($membership['title']); ?>:</strong></td>
<?php foreach((array) $membership['values'] as $value) {
if ($i % 2 != 0) # An odd row
$rowStyle = "background:#FFFFE4; border-bottom:1px solid #ccc; border-top:1px solid #fff; height:40px; padding:10px;";
else # An even row
$rowStyle = "background:#FFF4D8; border-bottom:1px solid #ccc; border-top:1px solid #fff; height:40px; padding:10px;";
?>
<td align="center" style="<?php echo $rowStyle; ?>">
<?php if($value == 'yes') { ?>
<img src="<?php echo BASE_URL.TEMPLATE_PATH; ?>images/icon_checkmark.gif" />
<?php } elseif($value == '-') {?>
<img src="<?php echo BASE_URL.TEMPLATE_PATH; ?>images/icon_checkno.gif" />
<?php } elseif($value == '0') {?>
<img src="<?php echo BASE_URL.TEMPLATE_PATH; ?>images/icon_checkno.gif" />
<?php } else { ?>
<?php echo $this->escape($value); ?>
<?php } ?>
</td>
<?php } ?>
</tr>
<?php
$i++; # Increment our row counter
}
?>
<tr>
<td align="left" valign="top" style="background:#9C6C69; color: #FFFFE4; border-bottom:1px solid #ccc; border-top:1px solid #fff; font-weight:bold; height:40px; padding:10px;"> </td>
<?php foreach((array) $pricing as $price) { ?>
<td align="center" valign="top" style="background:#9C6C69; border-bottom:1px solid #ccc; border-top:1px solid #fff; color: #FFFFE4; height:40px; padding:10px;">
<?php foreach($price['pricing'] as $key=>$value) { ?>
<?php if(count($price['pricing']) > 1) { ?><p><strong><?php echo $lang['public_compare_option']; ?> <?php echo $key+1; ?></strong></p><?php } ?>
<?php if($value['label']) { ?>
<p style="font-size:11px;"><?php echo $this->escape($value['label']); ?></p>
<?php } else { ?>
<?php //echo $lang['public_compare_term']; ?>
<?php if($value['period_count']) { ?>
<p style="font-size:11px; font-weight:bold;"><?php echo $this->escape($value['period_count']); ?> <?php echo $this->escape($value['period']); ?></p>
<?php } else { ?>
<p><?php echo $lang['public_compare_lifetime']; ?></p>
<?php } ?>
<?php if($value['setup_price'] != '0.00') { ?>
<p><?php echo $lang['public_compare_setup']; ?>: <?php echo $this->escape(format_number_currency($value['setup_price'])); ?></p>
<?php } ?>
<?php //echo $lang['public_compare_price']; ?>
<?php if($value['price'] != '0.00') { ?>
<p style="border-bottom: 1px dashed #FFFFFF; border-top: 1px dashed #FFFFFF; font-size: 14px; font-weight: bold; margin-top: 2px; padding: 2px;">$<?php echo $this->escape($value['price']); ?></p>
<?php } else { ?>
<p style="border-bottom: 1px dashed #FFFFFF; border-top: 1px dashed #FFFFFF; font-size: 14px; font-weight: bold; margin-top: 2px; padding: 2px;"><?php echo $lang['public_compare_free']; ?></p>
<?php } ?>
<?php } ?>
<p><a href="<?php echo BASE_URL.MEMBERS_FOLDER; ?>user_orders_add_listing.php?pricing_id=<?php echo $value['id']; ?>" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" style="margin-top:3px;padding:5px;"><?php echo $lang['public_compare_order']; ?></a></p>
<?php } ?>
</td>
<?php } ?>
</tr>
</table>
您在两个嵌套循环,这是注定要失败使用$i
两次。也尝试在第二个foreach
循环之前重置它。
感谢您的反馈。我对PHP的深度了解不多,所以我正在尝试获得一些帮助,以了解如何使单元垂直交替而不是水平交替。我只是不太明白PHP的逻辑足以解决这个问题。谢谢 – pertrai1 2011-05-20 14:46:24
ok crackknuckles,让我们试试这个: 从foreach语句中删除(array),你不需要它。另外,$ i%2!= 0,你不需要所有这些,只需使用$ i%2,它可以是真或假,所以如果($ i%2)将是真或假,你不要“T需要具有两种不同$ rowstyles的!= 0代替,只是有其中2安装在你的CSS,并使用短的PHP如果挑哪一个使用,这样
($i %2 ? 'style1' : 'style2')
,并把它在你这样的表格单元格:
<td style="($i %2 ? 'style1' : 'style2')">
这将取决于你的$ i是否偶数或奇数交替的样式。 您还需要确保您的$ i在每行开头重置为0,因为您交替使用列颜色,所以您希望行都以0开头,以便它们正确排列。您不需要使用$ i来跟踪行,因为您不关心它们是什么颜色,只关心列,只要确保在每次启动新表格行时将$ i重置为0即可。
你应该真的应用CSS类到这些列。不要像这样为每个单元分别定义样式! – Brad 2011-05-20 13:30:18
是的,一旦我可以在单元垂直交替而不是水平交替的情况下工作,就可以使用这个类。感谢您的建议 – pertrai1 2011-05-20 14:45:05