Behnam6670
چهارشنبه 11 اردیبهشت 1392, 23:21 عصر
سلام
من یه سایت دارم مینویسم که از دیتا لیست برا نشون دادن داده های موجود تو جدول استفاده کردم میخوام وقتی کاربر اشاره گر موس رو میبره رو جدول رنگ بک گراندش عوض بشه.خودم یه کد نوشتم که فقط برا سطر اول فقط این اتفاق میفته اگه بخوام کلیه سطرهام به این شکل باشه چیکار باید بکنم؟لطفا راهنماییم کنید
کد مربوط به جدولم و جی کوری رو میزارم براتون ببینید درست نوشتم یا نه
<asp:Table CssClass="tbl" ID="Table2" runat="server">
<asp:TableRow>
<asp:TableCell>
<div style="padding: 5px;">
<asp:Label ID="Label1" runat="server" Text='<%# Eval("fName") %>'></asp:Label>
</div>
</asp:TableCell>
<asp:TableCell>
<asp:Image ID="Image1" runat="server" Width="70px" Height="70px" ImageUrl='<%# Eval("fImage") %>' />
</asp:TableCell>
</asp:TableRow>
</asp:Table>
و اینم کد جاوا اسکریپتش هستش
<script type="text/javascript">
$(document).ready(function () {
$('#te').mousemove(function () {
$('.tbl').addClass('info');
});
$('#te').mouseleave(function () {
$('.tbl').removeClass('info');
});
});
</script>
کلاس info
<style type="text/css">
.info
{
background: #dee;
cursor: hand;
}
</style>
من یه سایت دارم مینویسم که از دیتا لیست برا نشون دادن داده های موجود تو جدول استفاده کردم میخوام وقتی کاربر اشاره گر موس رو میبره رو جدول رنگ بک گراندش عوض بشه.خودم یه کد نوشتم که فقط برا سطر اول فقط این اتفاق میفته اگه بخوام کلیه سطرهام به این شکل باشه چیکار باید بکنم؟لطفا راهنماییم کنید
کد مربوط به جدولم و جی کوری رو میزارم براتون ببینید درست نوشتم یا نه
<asp:Table CssClass="tbl" ID="Table2" runat="server">
<asp:TableRow>
<asp:TableCell>
<div style="padding: 5px;">
<asp:Label ID="Label1" runat="server" Text='<%# Eval("fName") %>'></asp:Label>
</div>
</asp:TableCell>
<asp:TableCell>
<asp:Image ID="Image1" runat="server" Width="70px" Height="70px" ImageUrl='<%# Eval("fImage") %>' />
</asp:TableCell>
</asp:TableRow>
</asp:Table>
و اینم کد جاوا اسکریپتش هستش
<script type="text/javascript">
$(document).ready(function () {
$('#te').mousemove(function () {
$('.tbl').addClass('info');
});
$('#te').mouseleave(function () {
$('.tbl').removeClass('info');
});
});
</script>
کلاس info
<style type="text/css">
.info
{
background: #dee;
cursor: hand;
}
</style>