i'm working on an asp.net application where i have some products with images. I'm using datagrid to represent the products on the web page. Now i'd like to enlarge the images when the mouse pointer is over the image (onmouseover event - popup). I found one example where these effect is used form just one image (you have to write image source manualy like below)

onmouseover="popup('<img src=logo.gif></img>')"

Now i would like to improve these function to dynamicly dispayed images. I tryed these but i get compilation error

onmouseover="popup('<img src='<%# DataBinder.Eval(Container.DataItem, "image_name") %>'></img>')"

Can anyone help me to solve these problem!

Thanks for your answers

What was the compiler error?

--Stole this from a moderator

I will only tell you how to do it, not do it for you.
Unless, of course, you want to hire me to do work for you.

Parser Error

Description: An error occurred during the parsing of a resource required to service this request. Please review the following specific parse error details and modify your source file appropriately.

Parser Error Message: The server tag is not well formed.

Paste the entire server tag so i can take a look at it.

--Stole this from a moderator

I will only tell you how to do it, not do it for you.
Unless, of course, you want to hire me to do work for you.

I have chanced a little bit the code

function popup(msg)
{
    var content="<TABLE WIDTH='"+popwidth+"' BORDER='0' BORDERCOLOR=black CELLPADDING=1 CELLSPACING=0 "+"BGCOLOR=black><TD ALIGN='center'><img src='"+msg+"'</img></TD></TABLE>";

.... (not important)

This is the javascript function that i'm calling

<asp:HyperLink Runat=server onmouseover="popup('image.gif')" .... > WORKS

<asp:HyperLink Runat=server onmouseover="popup('<%# "../gallery/" + DataBinder.Eval(Container.DataItem, "image_name") %>')" .... > NOT WORKS

and this is the control which calls the function popup

I think the problem is the syntax of the parameter in popup function in hyperlink control, or not?

What is the right form?

Here is the thing, the reason your server tag is malformed is because of "../gallery/" + you can't do that. You can try 2 things:

onmouseover="popup('../gallery/" + <%# DataBinder.Eval(Container.DataItem, "image_name") %> + "'")

or

When you return your result set, append ../gallery/ to the begining of your records (which doesn't mean to change the record, just manipulate the data)

SELECT '../gallery/' + imageField as popImage from Table

what will return a column whos format is ../gallery/[image path]

hth

--Stole this from a moderator

I will only tell you how to do it, not do it for you.
Unless, of course, you want to hire me to do work for you.

I tryed without > "../gallery/" + < and still don't works

i didn't forget to copy images in the same folder where the aspx file is!

When I bind items inside a datagrid I do exactly this (textbox example):

<asp:TextBox ID="txt" Text='<%# Container.DataItem("columnNane") %>' Runat=server> </asp:TextBox>

try doing this:

<asp:HyperLink Runat=server onmouseover="popup('" <%# Container.DataItem("image_name") %> +"')" runat=server>

--Stole this from a moderator

I will only tell you how to do it, not do it for you.
Unless, of course, you want to hire me to do work for you.

Nope, still nothing.

I also bind items like you Text='<%# Container.DataItem("columnNane") %>'

'<%# "../gallery/" + DataBinder.Eval(Container.DataItem, "image_name") %>'
this also works in imageUrl for example but not in javascript functions

I think here is the problem with >"< (to many)