Javascript OnMouseOver Event not executing function inside it...

[den2005]

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>
        &nbsp;</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>
        &nbsp;</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>
        &nbsp;</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>
        &nbsp;</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>
        &nbsp;</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

[den2005]

This problem has been resolved. Working on drag effect of resizing controls.


den2005