mouseovers

Peter Morris · Aug 27, 2006

Newbie here. Trying to get the imageurl of a link to change on mouseover.
I'm using the following code :

-----------------------------------------------
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs)
Handles Me.Load

Me.lnk_introduction.Attributes.Add("onmouseover",
"lnk_introduction.imageurl =
'~/Images/Buttons/button_introduction_over.gif'; ")

End Sub

Ken Cox [Microsoft MVP] · Aug 27, 2006

Hi Peter,

You're using server-side syntax for client-side code which doesn't work. For
example, on the client, the "src" points to the image, not "imageurl".
Likewise, the use of "~" is meaningless on the client. Here's an example
that should get you going. Let us know if it helps>

Ken
Microsoft MVP [ASP.NET]

<%@ Page Language="VB" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

Protected Sub Page_Load(ByVal sender As Object, _
ByVal e As System.EventArgs)
' Me.lnk_introduction.Attributes.Add("onmouseover", _
' "this.src='Images/Buttons/button_introduction_over.gif'; ")
lnk_introduction.Attributes.Add("onmouseover", _
"this.src='http://www.gc.ca/images/francaisbt.gif'")
lnk_introduction.Attributes.Add("onmouseout", _
"this.src='http://www.gc.ca/images/englishbt.gif'")

End Sub
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Mouseover image and mouseout</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:image id="lnk_introduction" runat="server"
imageurl="http://www.gc.ca/images/englishbt.gif" />
</div>
</form>
</body>
</html>

Peter Morris · Aug 27, 2006

Ken Cox said:
Hi Peter,

You're using server-side syntax for client-side code which doesn't work.
For example, on the client, the "src" points to the image, not "imageurl".
Likewise, the use of "~" is meaningless on the client. Here's an example
that should get you going. Let us know if it helps>

Ken
Microsoft MVP [ASP.NET]

Yes, got it working due to your help. Thanks a lot.

Przemek Ptasznik · Aug 29, 2006

Peter said:
This isn't working. The image does not change. What am I doing wrong?

Just use CSS (background-image property and :hover pseudo-class).
There's no need to engage js there.

Trapping IP address	2	Jun 1, 2012
Inherit from usercontrol - Object not set to instance of an object	0	Jun 10, 2009
how to define text of legend in code-behind?	1	Aug 1, 2009
Is there a way to keep the StreamWriter open?	14	Jun 16, 2009
mouseover to change button color	1	Jul 13, 2007
name 'a' is not declared	2	Aug 23, 2009
ASyncronous Web Pages	0	Dec 7, 2007
ReportViewer 2010 SubReport	0	Aug 26, 2010

mouseovers

Peter Morris

Ken Cox [Microsoft MVP]

Peter Morris

Przemek Ptasznik

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads