PDA

View Full Version : تعویض رنگ سطرهای table به صورت یکی در میان


alasht
چهارشنبه 04 اسفند 1389, 21:31 عصر
سلام
من با php یسری اطلاعات رو از دیتابیس میخونم و تو یه table میریزم ولیست میکنم
چطوری میشه با جاوا اسکریپت و جاوا کاری کنم سطرهای Table به صورت یکی در میون رنگی بشه
یعنی به این صورت




<table border="1">
<tr>
<td>ID</td>
<td>NAME</td>
</tr>
<tr>
<td>1</td>
<td>myname1</td>
</tr>
<tr bgcolor="red">
<td>2</td>
<td>myname2</td>
</tr>
<tr>
<td>3</td>
<td>myname3</td>
</tr>
<tr bgcolor="red">
<td>4</td>
<td>myname4</td>
</tr>
</table>
در این کد یکی درمیون سطرها سفید و قرمز هست
میخوام این کار به صورت اتوماتیک با جاوا انجام بشه
ممنون میشم راهنمایی بفرمایید
mohsen6500
چهارشنبه 04 اسفند 1389, 23:41 عصر
سلام
یادش بخیر من بابام دراومد تا بالاخره فهمیدم که چه طوری اطلاعات بانکم رو به این صورت نشون بدم.
ولی خوب شما میتونید براحتی طبق راهنمایی های حقیر این کارو انجام بدید
البته نیازی به جاوا اسکریپت نیست
اینم یه نمونه کاملا ساده با حلقه for که اعداد 0 تا 9 رو به نمایش در میاره


<table align="center" width="120">
<?php

for($i=0;$i<10;$i++)
{
//Color Background
if($i%2==0){
$bg="#FFFFFF";
}
else
$bg="#dbdbdb";
//END
echo '<tr bgcolor="'.$bg.'" align="center"><td>'.$i.'</td></tr>';
}
?>
</table>


موفق باشی
alasht
پنج شنبه 05 اسفند 1389, 00:19 صبح
سلام
من با پی اچ پی بلدم
نمیخوام پی اچ پی باشه
فقط جاوا !
بعد من تعداد تیبلهام هم مشخص نیست
میخوام خودش تشخیث بده و رنگبندی کنه
mohsen6500
پنج شنبه 05 اسفند 1389, 00:28 صبح
خوب با while درست کن
البته من با php رو بلدم
مثلا اینجوری

<table align="center" width="120">
<?php
$i=0;
$query= "select * from table ";
$result = mysql_query($query,$dblink);
while($record = mysql_fetch_assoc($result))
{
//Color Background
$i++;
if($i%2==0){
$bg="#FFFFFF";
}
else
$bg="#dbdbdb";
//END
echo '<tr bgcolor="'.$bg.'" align="center"><td>'.$record['fild_name'].'</td></tr>';
}
?>
</table>
angel_boy013
پنج شنبه 05 اسفند 1389, 07:44 صبح
با jquery خیلی ساده هست به نمونه کد پایین توجه کن :




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<title>Testing</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script> $(function(){ update_rows(); $("a").click(function(){$(this).parent().parent().remov e();update_rows();});});function update_rows(){
$("tr:even").css("background-color", "#aaa");
$("tr:odd").css("background-color", "#eee");
}
</script>
</head>
<body>
<table border="1"> <tr><td>Row 1</td><td><a href="#">Delete</a></td></tr>
<tr><td>Row 2</td><td><a href="#">Delete</a></td></tr>
<tr><td>Row 3</td><td><a href="#">Delete</a></td></tr>
<tr><td>Row 4</td><td><a href="#">Delete</a></td></tr>
<tr><td>Row 5</td><td><a href="#">Delete</a></td></tr>
</table>
</body>
</html>
alasht
پنج شنبه 05 اسفند 1389, 09:44 صبح
سلام
ممنون همینطوری میخواستم
اما یه مشکلی هست
این کد باعث میشه هر چی table تو سایتم هست رنگی بشه
نمیشه کاری کردی که فقط روی کلاس یا آی دی خاصی این کد اجرا بشه ؟
مثلا من برای تیبلم یه کلاس یا ای دی بزارم به اسم

class="mytable" OR id="mytable"

میخوام فقط tr های این کلاس یا ای دی رنگی بشه
با تشکر
alasht
پنج شنبه 05 اسفند 1389, 16:43 عصر
سلام
کسی نبود جواب ما رو بده ؟

میخواستم کاری کنم که این کد فقط رو کلاس mytable عمل کنه و رو بقیه تیبلهای سایتم اثر نزاره


<style>
.even { background:red; }
</style>

<table border="1" class="mytable">
<tr><td>td 1</td></tr>
<tr><td>td 2</td></tr>
<tr><td>td 3</td></tr>
<tr><td>td 4</td></tr>
</table>

<script>
$("table > tbody > tr:even").addClass("even");
</script>
alasht
پنج شنبه 05 اسفند 1389, 16:56 عصر
جوابشو پیدا کردم :لبخند:


<style>
.even { background:red; }
</style>

<table border="1" class="mytable">
<tr><td>td 1</td></tr>
<tr><td>td 2</td></tr>
<tr><td>td 3</td></tr>
<tr><td>td 4</td></tr>
</table>

<script>
$(".mytable tr:even").addClass("even");
</script>