I have a user control that conatins HTML, like this:
<table id="tblProgramInfo" runat="server" cellpadding="0" cellspacing="0" class="ProgramInfo">
<tr>
<td>
<table cellpadding="0" cellspacing="0" width="100%" class="tblProgram" abc="def">
<tr>
<td>
Some data
</td>
</tr>
</table>
</td>
</tr>
Since its a user control, their could be multiple table with same class "ProgramInfo" and "tblProgram". Now I have attached mouseover and mouseout event for "ProgramInfo" class using Jquery. What I want is, to change the border color of inside table containing class "tblProgram" on mousemove and mouseout.
My mousemove and mouseevent are:
$(document).ready(function()
{
$(".ProgramInfo").mouseover(function()
{
// Code here?
});
$(".ProgramInfo").mouseout(function()
{
// Code here?
});
});
Also, I want to change the width and height of upper table through JQuery. When I tried this, I get width:auto.