Hi everybody,
I am confused and still looking why this codes is not working. Can anyone notice or know why this code is not working? Thanks in advance.
Code working:
-
<form id="form1" runat="server">
-
<div>
-
</div>
-
<div>
-
<asp:Panel ID="Panel1" runat="server" Height="120px" Width="700px">
-
<input id="Text1" type="text" onmouseover="mouseHover('Text1')" /><br />
-
<textarea id="TextArea1" cols="20" rows="2" onmouseover="mouseHover('TextArea1')"></textarea><br />
-
<img src="images/rock.jpg" id="Img3" onmouseover="this.style.cursor='w-resize" /><br /><br /> <<--- working ok
-
<input id="Button3" type="button" value="button" /><br />
-
</asp:Panel>
-
....
-
</form>
-
Code Not working:
-
<script type="text/javascript" language="javascript">
-
...
-
function mouseOverImage()
-
{
-
document.getElementById('Img3').style.cursor = "w-resize";
-
}
-
...
-
</script>
-
-
<form id="form1" runat="server">
-
<div>
-
</div>
-
<div>
-
<asp:Panel ID="Panel1" runat="server" Height="120px" Width="700px">
-
<input id="Text1" type="text" onmouseover="mouseHover('Text1')" /><br />
-
<textarea id="TextArea1" cols="20" rows="2" onmouseover="mouseHover('TextArea1')"></textarea><br />
-
<img src="images/rock.jpg" id="Img3" onmouseover="mouseOverImage()" /><br /><br /> <<--- not working ok
-
<input id="Button3" type="button" value="button" /><br />
-
</asp:Panel>
-
....
-
</form>
-
or
-
<script type="text/javascript" language="javascript">
-
...
-
function mouseOverImage(obj)
-
{
-
obj.style.cursor = "w-resize";
-
}
-
...
-
</script>
-
-
<form id="form1" runat="server">
-
<div>
-
</div>
-
<div>
-
<asp:Panel ID="Panel1" runat="server" Height="120px" Width="700px">
-
<input id="Text1" type="text" onmouseover="mouseHover('Text1')" /><br />
-
<textarea id="TextArea1" cols="20" rows="2" onmouseover="mouseHover('TextArea1')"></textarea><br />
-
<img src="images/rock.jpg" id="Img3" onmouseover="mouseOverImage(this)" /><br /><br /> <<--- not working ok
-
<input id="Button3" type="button" value="button" /><br />
-
</asp:Panel>
-
....
-
</form>
-
or
-
<script type="text/javascript" language="javascript">
-
...
-
function mouseOverImage(var obj)
-
{
-
obj.style.cursor = "w-resize";
-
}
-
...
-
</script>
-
-
<form id="form1" runat="server">
-
<div>
-
</div>
-
<div>
-
<asp:Panel ID="Panel1" runat="server" Height="120px" Width="700px">
-
<input id="Text1" type="text" onmouseover="mouseHover('Text1')" /><br />
-
<textarea id="TextArea1" cols="20" rows="2" onmouseover="mouseHover('TextArea1')"></textarea><br />
-
<img src="images/rock.jpg" id="Img3" onmouseover="mouseOverImage(this)" /><br /><br /> <<--- not working ok
-
<input id="Button3" type="button" value="button" /><br />
-
</asp:Panel>
-
....
-
</form>
-
or
-
<script type="text/javascript" language="javascript">
-
...
-
function mouseOverImage()
-
{
-
document.body.style.cursor = "w-resize";
-
}
-
...
-
</script>
-
-
-
<form id="form1" runat="server">
-
<div>
-
</div>
-
<div>
-
<asp:Panel ID="Panel1" runat="server" Height="120px" Width="700px">
-
<input id="Text1" type="text" onmouseover="mouseHover('Text1')" /><br />
-
<textarea id="TextArea1" cols="20" rows="2" onmouseover="mouseHover('TextArea1')"></textarea><br />
-
<img src="images/rock.jpg" id="Img3" onmouseover="mouseOverImage()" /><br /><br /> <<--- not working ok
-
<input id="Button3" type="button" value="button" /><br />
-
</asp:Panel>
-
....
-
</form>
-
den2005
Javascript OnMouseOver Event not executing function inside it... 
