PDA

View Full Version : طراحی جدول با تغییر رنگ یکی در میان



Joyebright
دوشنبه 02 بهمن 1391, 15:28 عصر
سلام دوستان می خواستم چطر می تونم جدولی طراحی کنم تا یکی در میان با اضافه شدن data بهش رنگش تغییر کنه؟

webdesign2
دوشنبه 02 بهمن 1391, 22:18 عصر
بعد از خواندن دیتابیس بیندازید .

if(mysql_affected_rows($link)>0)
{
echo'<table width="506" border="1" cellspacing="5" cellpadding="5" bordercolor="#000000" >
<tr>
<td width="113"><div align="center"> اطلاعات </div></td>
<td width="295"><div align="center"> نام </div></td>
<td width="40"><div align="right"> ردیف </div></td>
</tr>';

while($row=mysql_fetch_assoc($result))
{

$count++;
if($count % 2 == 0)
{
$bg="#66FFFF";
}
else
{
$bg="#FF9933";
}
echo'


<tr bgcolor="'.$bg.'">
<td><div align="center">
<a href="Namayandegi.php?del='.$row["id"].'" onclick="return conf()"> حذف </a>&nbsp;&nbsp;&nbsp;
<a href="Namayandegi.php?edit='.$row["id"].'"> ویرایش </a>

</div></td>
<td><div align="center">'.$row["n"].'</div></td>

<td><div align="center">'.$row["r"].'</div></td>
</tr>
';
}
echo'</table>

Joyebright
سه شنبه 03 بهمن 1391, 13:32 عصر
بعد از خواندن دیتابیس بیندازید .

if(mysql_affected_rows($link)>0)
{
echo'<table width="506" border="1" cellspacing="5" cellpadding="5" bordercolor="#000000" >
<tr>
<td width="113"><div align="center"> اطلاعات </div></td>
<td width="295"><div align="center"> نام </div></td>
<td width="40"><div align="right"> ردیف </div></td>
</tr>';

while($row=mysql_fetch_assoc($result))
{

$count++;
if($count % 2 == 0)
{
$bg="#66FFFF";
}
else
{
$bg="#FF9933";
}
echo'


<tr bgcolor="'.$bg.'">
<td><div align="center">
<a href="Namayandegi.php?del='.$row["id"].'" onclick="return conf()"> حذف </a>&nbsp;&nbsp;&nbsp;
<a href="Namayandegi.php?edit='.$row["id"].'"> ویرایش </a>

</div></td>
<td><div align="center">'.$row["n"].'</div></td>

<td><div align="center">'.$row["r"].'</div></td>
</tr>
';
}
echo'</table>

ممنونم دوسته عزیز نمی دونم چرا به ذهنه خودم نرسید ، شب بود اینقد کد زده بودم ذهنم بسته شده بود:گیج: به هر حال ممنونم

Mohsen.
سه شنبه 03 بهمن 1391, 16:04 عصر
نیازی به اینکار نیست. CSS خودش سلکتورهایی به صورت پایین میده که اجازه انتخاب بچه های یک والد رو به صورت فرد و زوج در اختیار میزاره.

table tr:nth-child(odd){
background:#ccc;
}

table tr:nth-child(even){
background:#bbb;
}

Joyebright
سه شنبه 03 بهمن 1391, 20:11 عصر
تازه میشه با استفاده از JQUERY با استفاده از selector ها سطر های زوج یا فرد را select کنیم سپس css دلخوارو اعمال کنیم براش .

ممنونم از همه ی دوستان