PDA

View Full Version : سوال: تغییر رنگ ردیف انتخاب شده توسط کاربر


master_amin
دوشنبه 11 فروردین 1393, 00:20 صبح
سلام خدمت تمام دوستان
میخواستم بپرسم چطوری میتونم یه فانکشن برای ی جدول ایجاد کنم که هر وقت کاربر روی هر کدوم ار ردیفهای و یا شرح جدول کلیک کرد همون ردیف تغییر رنگ بده ؟؟؟
با تشکر
thacker
دوشنبه 11 فروردین 1393, 00:34 صبح
با استفاده از css و تابع isset()
cpuram
دوشنبه 11 فروردین 1393, 09:12 صبح
سوال شما فکر نکنم به php مربوط باشه.باید از خواص selectors که اینجا به طور کامل هست استفاده بشه
http://www.w3schools.com/cssref/css_selectors.asp
hamedarian2009
دوشنبه 11 فروردین 1393, 10:53 صبح
با جی کوئری هم میشه
master_amin
دوشنبه 11 فروردین 1393, 18:12 عصر
بعضی از دوستان میگن با استفاده از یک فانکشن مثل کد زیز میشه جواب گرفت ولی هر کاری میکنم مشکل حل نمیشه
document.getElementById(id).style.background="red
hamedarian2009
دوشنبه 11 فروردین 1393, 19:39 عصر
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Table Rows Changes bg Color</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<style type="text/css">
.red-tr {
background-color: #FF0000;
}
</style>
</head>
<body>
<table border="1" id="test">
<tr>
<td>Test1</td>
<td>Test2</td>
<td>Test3</td>
<td>Test4</td>
</tr>
<tr>
<td>Test1</td>
<td>Test2</td>
<td>Test3</td>
<td>Test4</td>
</tr>
<tr>
<td>Test1</td>
<td>Test2</td>
<td>Test3</td>
<td>Test4</td>
</tr>
</table>
<script>
(function(){
$('#test tr').click( function() {
$(this).addClass("red-tr");
});
})();
</script>
</body>
</html>