mouse over on image hyperlink opposed to image button

jmeckley · Feb 12, 2004

I have a mouse over event that will change the graphic of a button using javascript pretty straight forward. I use the same logic on a hyperlink, but the mouse over event does not seem to change the object. Here's my code
[tt]
'Image Button
ImgBtnChoice.Attributes.Add("onmouseover", "this.src='/GalleryCatalog/Image/arrow_sel.gif';&quot

ImgBtnChoice.Attributes.Add("onmouseout", "this.src='/GalleryCatalog/Image/arrow_unsel.gif';&quot

'Hyperlink
lnkAdvanceBid.Attributes.Add("onmouseover", "this.src='/GalleryCatalog/Image/arrow_sel.gif';&quot

lnkAdvanceBid.Attributes.Add("onmouseout", "this.src='/GalleryCatalog/Image/arrow_unsel.gif';&quot

[/tt]
If I make the hyperlink button an image button it works fine. Any ideas?

Jason Meckley
Database Analyst
WITF

LV · Feb 12, 2004

The ImageButton control generates an html <img>, which has the "src" attribute, so you can use it to swap image source. The LinkButton generates an html <a> element, which doesn't have any attributes allowing for background images.

jmeckley · Feb 13, 2004

but it does allow for images instead of text? Is there no way to use a mouse over on a hyperlink?

Jason Meckley
Database Analyst
WITF

LV · Feb 13, 2004

You can put logic into the mouseover/mouseout events of a hyprelink for say changing color of the link, or trigger some other kind of logic, but you can't turn an <a> tag into an <img>. You can change a background image of a parent table cell, in which this hyperlink is sitting. But wouldn't the ImageButton control do it?

jmeckley · Feb 13, 2004

it does, but it causes a post back, would prefer if it didn't. Thanks for the clarification!

Jason Meckley
Database Analyst
WITF

LV · Feb 16, 2004

You can make an ImageButton not to post back but just redirect to another URL:

Code:

on the page:
<head>
<script language=javascript>
  function doRedirect(){		
    window.location = &quot;[URL unfurl="true"]http://msn.com&quot;;[/URL]			
    return false;
  }
</script>
</head>

code behind:
if(ImageButton1.Attributes[&quot;onclick&quot;] == null)
{
  ImageButton1.Attributes.Add(&quot;onclick&quot;, &quot;javascript:return doRedirect();&quot;);
}

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

mouse over on image hyperlink opposed to image button

jmeckley

Programmer

LV

Programmer

jmeckley

Programmer

LV

Programmer

jmeckley

Programmer

LV

Programmer

Similar threads

Part and Inventory Search

Sponsor