Comment changer Imageurl d'imagebutton en utilisant javascript?

Question

Comment changer Imageurl d'imagebutton en utilisant javascript?

Answer 1

document.getElementById("id-of-image-button").src = "...";

Answer 2

document.getElementById("<%= imageButton.ClientId %>").src = "..."; 

Answer 3

Avec jQuery:

$("#<%= imageButton.ClientId %>").attr("src", "..."); 

Answer 4

function ChangeImage() { 

     var img = document.getElementById('<%=ImageButton1.ClientID%>'); 
     img.src = 'Images/drag.gif';    
     return false; 
    }  


    <asp:ImageButton ID="ImageButton1" runat="server" />   
    <asp:Button ID="Button1" runat="server" OnClientClick="return ChangeImage()" 
     Text="Button" /> 

Son travaillé pour moi

Answer 5

Salut si vous essayez de changer l'URL de l'image de la souris ou tout autre événement, son très simple, essayez ceci,

<asp:ImageButton ID="test" ImageUrl="~/images/Your_old_image" onmouseover="this.src='images/your_new_image';" onmouseout="this.src='images/your_old_image';" runat="server" /> 

Vous pouvez utiliser cet événement sur onclient aussi ....

Normalement, nous n'avons pas l'événement onmouseover et onmouseout sur asp: imagebutton.But nous pouvons comprendre que ...

I espérons que cela aidera ...