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
--
MCP Year 2005, Philippines

"den 2005" <den2005 (AT) discussions (DOT) microsoft.com> wrote

Do you have more than one element with the id "Img3"? If so, you will get
back a collection of elements.

Also you don't need to find the element again anyway -- you already know
which one it was (it fired the event). Try this instead:

function onMouseOver(obj)
{
obj.style.cursor = 'foo'
}

<img onmouseover="onMouseOver(this)">

Peter

--
Peter Torr - http://blogs.msdn.com/ptorr
HD DVD Program Manager

Thanks Peter for info...

Any ideas to simulate a dragging effect while resizing the image control?
I am able to resize the control already but unable to still display the
dragging effect of resizing.

Dennis


--
MCP Year 2005, Philippines


"Peter Torr (MS)" wrote:

Problem with dragging effect of resizing is working but having problem with
setting a flag to determine if mouse button is click or not. Is there anyone
knows how to fixed this? I used several ways to do this as shown below, all
telling me the error below. I used IE 6 w/ SP1.



Error message:

Microsoft JScript runtime error: Object doesn't support this property or
method



Approaches used:

1. I even used 'false' & 'true' and 0 & 1.

var mousedown = false;

inside mousedown,

mousedown = true;

inside mousemove,

if (mousedown)

{

.....

}

2.

if (window.event.button == 1)





den2005


--
MCP Year 2005, Philippines


"den 2005" wrote: