Image clickable générées dynamiquement

**Azephel** · 17/04/2007, 17h54

Bonjour à tous!

Je génère par code VB.NET des images html ( <img src="...." /> ) dynamiquement. Je voudrais rendre les images générées clickables, afin d'ouvrir une pop-up au clic sur l'image.

Seulement j'ai testé en ajoutant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onclick="window.open("...", "...", "........................")"

dans la balise de l'image, mais cela ne fonctionne pas. J'ai aussi tenté d'inclure l'image html dans un lien

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="#" onclick="window.open("...", "...", ".......................")" ><img ......... /></a>

Mais bien entendu ça ne fonctionne pas non plus.

Merci d'avance pour vos réponses!

**lolo007** · 17/04/2007, 18h28

Salut,

Tu as des soucis avec "
Il faut mettre des ' de temps en temps.

Une astuce aussi :
Qd tu travailles avec du Javascript, active les alertes (ie) ou ouvre la console (FF) de ton navigateur, tu verra directement s'il y a des erreurs.

+
L

**Azephel** · 18/04/2007, 08h53

Désolé, j'ai pas noté que je doublais les "

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
dim code as string="<img src=""......"" onclick=""window.open(""..."", ""..."", ""........................"")"" />"

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
dim code as string="<a href=""#"" onclick=""window.open(""..."", ""..."", ""......................."")"" ><img ......... /></a>"

et ensuite je retourne la variable code dans un label qui interprète très bien ce que je lui ai envoyé, c'est à dire du html. Le soucis est que ça ne fonctionne pas vraiment...

Mais merci quand même ! ^^

**Azephel** · 19/04/2007, 12h16

Personne n'a d'idée là-dessus ?

**Poulain** · 25/04/2007, 10h00

Tu as pensé à regarder sur la page qui s'affiche, le code pour voir si ton control img est bon ou pas, s'il n'y a pas des erreurs de script.

**Azephel** · 25/04/2007, 11h00

C'est sympa de t'intéresser à mon problème ^^

Je n'ai pas de contrôle image, je génère une balise <img> html toute simple que je met dans un label. Comme le label interprète le html qu'on met dedans, l'image s'affiche sans qu'on ai besoin de contrôles images.
Mon soucis est d'arriver à faire un onClick (ou au moins un équivalent) sur l'image générée.

Si tu as des idées, n'hésite pas!
(Ceci est valable pour tout le monde

)

En tout cas merci de t'y intéresser !

**Jere76** · 25/04/2007, 11h03

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 Dim img As New System.Web.UI.HtmlControls.HtmlImage
 
 img.Attributes.Add("onclick", "tonCode")

Peut etre une piste non ?

**Azephel** · 25/04/2007, 11h57

Oui, peut-être une piste.
Faudra que j'effectue des tests, étant donné que l'image générée n'est pas un contrôle, ni html ni aspx.
Je me remet la-dessus et je vous tiens au courant!

Et merci! ^^

**Azephel** · 26/04/2007, 17h13

Ca y est, j'ai la soluce!

Dans le header de la page :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<SCRIPT LANGUAGE="JavaScript">
function PopupImage(img) {
w=open("",'image','weigth=toolbar=no,scrollbars=no,resizable=yes, width=510, height=210');  
w.document.write("<html><body onblur=\"window.close();\"><img src='"+img+"' />");
w.document.write("</body></html>");
w.document.close();
}
</script>

Bien sur on peut agrémenter la fenêtre par une feuille de style ou autre.

Et dans le label :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
LabelImage.Text += "<td id=""photo" & Session("nbphotos") & """><a href=""javascript:PopupImage('" & UploadPhoto.FileName & "')""><img src=""xxx\" & UploadPhoto.FileName & """ class=""thumbnail"" border=0 /></a></td>"

Et ça fonctionne très bien !

Merci à tous pour votre aide en tout cas!

Image clickable générées dynamiquement

ASP.NET

Discussions similaires

Partager

Partager