Hyperlink Rollover images in Repeater error

[Patrick.O.Ige]

I want to have a rollover image on an hyperlink inside a Repeater control
but when i run the page i get
"Image1 is undefined"
Any ideas?

I have a Hyperlink and an Image control in a repeater like below:-
<ItemTemplate >
<tr width="150px" style="cursor:h and"
onmouseover="st yle.backgroundC olor='#c0c0c0'; "
onmouseout="sty le.backgroundCo lor=''" bordercolor="#0 00000">
<td>
<asp:Image id="Image1" runat="server"
ImageUrl="image s/off.gif"></asp:Image>
<asp:HyperLin k CssClass="a" id="HyperLink1 " Text='<%#
DataBinder.Eval (Container.Data Item, "cat_cities ") %>' NavigateUrl='<% #
"template2.aspx ?CategoryID=" & DataBinder.Eval (Container.Data Item, "catid")
%>' runat="server" />
</td>
</tr>
</ItemTemplate>
And in the repeater i did:-
Sub Repeater_ItemCr eated(ByVal sender As Object, ByVal e As
RepeaterItemEve ntArgs)
If e.Item.ItemType = ListItemType.It em OrElse e.Item.ItemType =
ListItemType.Al ternatingItem Then
Dim hyperLink As HyperLink =
CType(e.Item.Fi ndControl("Hype rLink1"), HyperLink)
Dim Image As System.Web.UI.W ebControls.Imag e =
CType(e.Item.Fi ndControl("Imag e1"), System.Web.UI.W ebControls.Imag e)

hyperLink.Attri butes.Add("onMo useOver", Image.ClientID &
".src='imag es/up.gif';return true;")
hyperLink.Attri butes.Add("onMo useOut", Image.ClientID &
".src='imag es/off.gif'; return true;")
End If
End Sub

[Nathan Sokalski]

When using WebControls to create elements such as images, the generated code
does not include a name attribute unless you include a name property. You
need to add a name="Image1" attribute to your asp:Image tag as follows:

<asp:Image id="Image1" name="Image1" runat="server"
ImageUrl="image s/off.gif"></asp:Image>

Good Luck!
--
Nathan Sokalski
nj********@hotm ail.com
http://www.nathansokalski.com/

"Patrick.O. Ige" <na********@hot mail.com> wrote in message
news:%2******** ********@TK2MSF TNGP09.phx.gbl. ..

I want to have a rollover image on an hyperlink inside a Repeater control
but when i run the page i get
"Image1 is undefined"
Any ideas?

I have a Hyperlink and an Image control in a repeater like below:-
<ItemTemplate >
<tr width="150px" style="cursor:h and"
onmouseover="st yle.backgroundC olor='#c0c0c0'; "
onmouseout="sty le.backgroundCo lor=''" bordercolor="#0 00000">
<td>
<asp:Image id="Image1" runat="server"
ImageUrl="image s/off.gif"></asp:Image>
<asp:HyperLin k CssClass="a" id="HyperLink1 " Text='<%#
DataBinder.Eval (Container.Data Item, "cat_cities ") %>' NavigateUrl='<% #
"template2.aspx ?CategoryID=" & DataBinder.Eval (Container.Data Item,
"catid")
%>' runat="server" />
</td>
</tr>
</ItemTemplate>
And in the repeater i did:-
Sub Repeater_ItemCr eated(ByVal sender As Object, ByVal e As
RepeaterItemEve ntArgs)
If e.Item.ItemType = ListItemType.It em OrElse e.Item.ItemType =
ListItemType.Al ternatingItem Then
Dim hyperLink As HyperLink =
CType(e.Item.Fi ndControl("Hype rLink1"), HyperLink)
Dim Image As System.Web.UI.W ebControls.Imag e =
CType(e.Item.Fi ndControl("Imag e1"), System.Web.UI.W ebControls.Imag e)

hyperLink.Attri butes.Add("onMo useOver", Image.ClientID &
".src='imag es/up.gif';return true;")
hyperLink.Attri butes.Add("onMo useOut", Image.ClientID &
".src='imag es/off.gif'; return true;")
End If
End Sub

[Rote Rote]

Thanks Nathan i tried that but no LUCK.
Any more ideas?

*** Sent via Developersdex http://www.developersdex.com ***

[Nathan Sokalski]

One thing that I might try looking at is view generated HTML by doing a
View -> Source from your browser to make sure the tags in the generated code
have the same name that you think they do. Sometimes in the Repeater,
DataList, and DataGrid Controls the name attribute is modified to allow
Javascript to distinguish between the controls.
--
Nathan Sokalski
nj********@hotm ail.com
http://www.nathansokalski.com/

"Rote Rote" <na********@hot mail.com> wrote in message
news:eL******** *****@TK2MSFTNG P09.phx.gbl...

Thanks Nathan i tried that but no LUCK.
Any more ideas?

*** Sent via Developersdex http://www.developersdex.com ***

[Rote Rote]

Yeah i did that and i know that.
Thanks Nathan would do one more thing i think could make it work and
would let you know.
Thanks for the advice
*** Sent via Developersdex http://www.developersdex.com ***

[Rote Rote]

Nathan i got it fixed i used
hyperLink.Attri butes.Add("onMo useOver", "document.getEl ementById('" &
Image.ClientID & "').src='im ages/up.gif';return true;")
hyperLink.Attri butes.Add("onMo useOut",
"document.getEl ementById('" & Image.ClientID & "').src='im ages/off.gif';
return true;")
in the ItemDataBound of my Repeater and it worked like a charm although
it might be a good idea adding the name attirbute to the image control
but still worked just by using the ID.
Patrick
*** Sent via Developersdex http://www.developersdex.com ***