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 advanced.

The error is inside <img> tag:
 onmouseover="mouseOverImage()"
system says "Micrsoft JScript Runtime Error: Object Expected

When I change cursor type directly inside onmouseover event of Img tag,
there is no problem.

 onmouseover="this.style.cursor='w-resize'"

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