problem passing an asp.net control to my js-function 1

[Pampers]

Hi everyone,
I wrote some JS. I have an asp-imagebutton (within a formview)and js-function. On mouseover of the button the function will be called and it will get the src from the imagebutton. All works ok. But how could I pass the control dynamically into the function and then take its src (ImageUrl) so i can call it from any imagebutton?

<asp:ImageButton ID="ImageButton1" runat="server" Height="60px" ImageUrl='<%#Eval("ApartmentPhotoPath")%>' 
Width="90px" onmouseover="showPhoto1()" />


<script language="javascript" type="text/javascript">
<!-- 
function showPhoto1() 
{
    var imgOrg = document.getElementById('<%=FormView3.FindControl("ImageButton1").ClientID%>')
    var strPath = imgOrg.src
    var imgTest2 = document.getElementById("imgBigImage")
    imgTest2.src = strPath
}
-->
</script>

Pampers
Keeping it simple can be complicated

 

[jmeckley]

<asp:ImageButton ID="ImageButton1" runat="server" Height="60px" ImageUrl='<%#Eval("ApartmentPhotoPath")%>'
Width="90px" onmouseover="showPhoto1([COLOR=blue]this[/color]);" />

function showPhoto1(imgOrg)
{
    document.getElementById("imgBigImage").src = imgOrg.src;
}

if my js knowledge is correct you might even be able to write it like this.

<asp:ImageButton ID="ImageButton1" runat="server" Height="60px" ImageUrl='<%#Eval("ApartmentPhotoPath")%>'
Width="90px" onmouseover="showPhoto1();" />

function showPhoto1()
{
    document.getElementById("imgBigImage").src = this.src;
}

js passes the current control and event(?) automatically by default.

Jason Meckley
Programmer
Specialty Bakers, Inc.

faq855-7190
faq732-7259

 

[Pampers]

Hi jmeckley,
Thanks a lot for your reply and answers. First solution works fine. Second one doesnt work.

Pampers
Keeping it simple can be complicated