سوال: رنگ بندی ردیف تیبل ها [بایگانی]

View Full Version : سوال: رنگ بندی ردیف تیبل ها

agent31537

یک شنبه 31 شهریور 1392, 17:47 عصر

با سلام

چطوری باید ردیف تیبل ها را یک در میان رنگ بندی کرد مثلا ردیف اول آبی پر رنگ دومی رنگ آبی روشن تر و این روال همینطور ادامه پیدا کنه تا اخر

masiha68

یک شنبه 31 شهریور 1392, 18:12 عصر

این قسمتی زیاد به پی اچ پی ربط نداره مگه اینکه یه متغییر توی حلقه تعریف کنی و هر بار که حلقه انجام میشه یکی بهش اضافه بشه و مثلا اعداد زوج رو رنگ 1 بزنی و اون یکی ها رو رنگ 2

id1385

یک شنبه 31 شهریور 1392, 21:47 عصر

با سلام

راحترین کد برای شما :

<table border="1" width="200px">
<tr>
<th>sample title</th>
</tr>

<?php
$bg = '';
for($i=1; $i<=50; $i++){
$i % 2 == 0 ? $bg = 'style="background-color:#FFF8DC;"' : $bg = '';
echo "<tr $bg><td > $i <%Your data here%> </td></tr>";
}
?>

<tr><td> by: id1385 </td></tr>
</table>

موفق باشید

hamedarian2009

دوشنبه 01 مهر 1392, 09:07 صبح

معمولا رنگ بندی و این چیزا مربوط به css و سمت کلاینته و مربوط به php نیست ولی خب راهنماییت میکنم بهتره با جی کوئری انجام بدین به این صورت:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(Document).ready(function(){
$("#tbl1").find("tr:odd").css('background-color','blue');
$("#tbl1").find("tr:even").css('background-color','aqua');
});
</script>
</head>
<body>
<table id="tbl1" border="1" width="500px">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>

MMSHFE

دوشنبه 01 مهر 1392, 10:12 صبح

این مسئله رو به راههای مختلف میشه انجام داد. یکی با خود CSS هست:

<style type="text/css">
table tr:nth-child(even) {
background-color: #77f;
}
table tr:nth-child(odd) {
background-color: #ccf;
}
</style>

یکی با jQuery هست که دوستان مثال زدن.
یکی هم با PHP هست:

echo '<table width="100%">' . PHP_EOL;
$color = '77f';
for($i = 1; $i < 5; $i++) {
echo '<tr style="background-color: #' . $color . ';"><td> </td></tr>' . PHP_EOL;
$color = ($color == '77f' ? 'ccf' : '77f');
}
echo '</table>' . PHP_EOL;