One of my project requirement is:
When i place the cursor on an imagebutton, it has to be highlighted.
(i.e border of the button has to be changed).
when i move out the cursor, it should be normal.
I have used the following code:
<td> <asp:ImageButton ID="Img14" ImageUrl="IMG/16_print.gif" onmouseover = "highlight_Img14()" onmouseout = "removehightlight_Img14()" runat = "server" OnclientClick = "window.open('http://www.google.co.in','mywindow','location=0,status=0,resizable=yes,scrollbars=0,left=700,top=128,width=800px,height=900px');" /> </td>
function highlight_Img14() {
document.getElementById("Img14").style.border = "0.5px solid yellow";
}
function removehightlight_Img14() {
document.getElementById("Img14").style.border = "0px solid yellow";
}
It is working fine. Only problem is the image buttons next to it are moving towards right side. I have tried using padding = 0 , position = "fixed/absolute". But still the issue is not resolved.