Ouverture d'une nouvelle fenetre

Bonjour,

J'aimerais qu'en cliquant sur une image celle ci s'agrandit dans une nouvelle fenetre mais cette nouvelle fenetre etant de taille plus petite j'ai donc mis le code suivant

Code:

---

<a href="images/Navy_sml.gif" onClick=" window.open("images/Navy_sml.gif","width=30,height=20")" target="new"><img src="images/Navy_sml.gif" alt=" Navy Blue" width="29" height="32" border="0" resize="yes"></a>

---

Mais la nouvelle fenetre qui s'ouvre est toujours tres grande?
pourquoi?
Avez vous une idée 8O merci

bonjour,

attention à la syntaxe !! Il faut combiner les " et les ' :

Code:

---

1 2	<a href="images/Navy_sml.gif" onclick=" window.open('images/Navy_sml.gif','width=30,height=20')" target="new"><img src="images/Navy_sml.gif" alt=" Navy Blue" style="width:29px; height:32px;border: none"></a>

---

Par contre, je ne connais pas l'attribut resize sur une image 8O.
Les attributs width, height et border, je les ai mis dans la balise style (plus conforme aux recommandations du W3C).

simple curiosité : new dans la balise a est un cadre?

J'ai suivi le conseil mais ca ne marche toujours pas, j'ai toujours la fenetre qui s'ouvre en grand...

Code:

---

<a href="images/Navy_sml.gif" onClick=" window.open('images/Navy_sml.gif','width=30,height=20')" target="_blank" ><img src="images/Navy_sml.gif" alt=" Navy Blue" width="29" height="32" border="0" resize="yes"/></a>

---

Essai avec ça.
sans href cela est inutile a priori.
Le lien et le target préemptent sur le onclick du coup ca doit pas bien marcher.

Code:

---

1 2 3 4

<img src="images/Navy_sml.gif" alt=" Navy Blue" title=" Navy Blue" onClick=" window.open('images/Navy_sml.gif", "mywindow","location=1,status=1,scrollbars=1, width=100,height=100')" width="29" height="32" border="0" resize="yes")"/>

---

J'ai essayé avec ca mais du coup l'image n'est plus cliquable quand je passe dessus...

desolé le code j ai mis etait une modif a la volée il faut corrige les ""

Code:

---

1 2 3

<img src="images/Navy_sml.gif" alt=" Navy Blue" title=" Navy Blue" onClick="window.open('images/Navy_sml.gif', 'mywindow','location=1,status=1,scrollbars=1, width=100,height=100')" width="29" height="32" border="0" resize="yes")"/>

---

Le mieux reste encore d appele une "function"

Bonjour
Effectivement cela fonctionne cependant sans le href je perds le fait que lorsque l'on passe sur l'image l'icone de la souris ne se change pas en main mais reste la fleche...

pour avoir un curseur ajoute l'attribut

Code:

---

style="cursor:pointer"

---

à ta balise img

En te machant le travail ça donne :

Code:

---

1 2 3 4

<img src="images/Navy_sml.gif" alt=" Navy Blue" title=" Navy Blue" onClick="window.open('images/Navy_sml.gif', 'mywindow','location=1,status=1,scrollbars=1, width=100,height=100')" width="29" height="32" border="0" resize="yes")" style="cursor:pointer"/>

---

ou encore plus classe tu fais ça avec une class declarée dans ta css

il manque un argument à open():roll: :

Code:

---

1 2	<img src="images/Navy_sml.gif" alt="Navy Blue" title="cliquez sur l'image pour l'agrandir" onclick="window.open('images/Navy_sml.gif','Image','width=30,height=20')" style="width:29px; height:32px;border: none; cursor: pointer" />

---

ou :

Code:

---

1 2 3 4

<a href="#" onclick="window.open('images/Navy_sml.gif','','width=30,height=20'); return false;"> <img src="images/Navy_sml.gif" alt="Navy Blue" title="cliquez sur l'image pour l'agrandir" style="width:29px; height:32px;border: none;" /> </a>

---

@magnus : attention aux fautes de frappe :

Code:

---

1 2 3 4

<img src="images/Navy_sml.gif" alt=" Navy Blue" title=" Navy Blue" onClick="window.open('images/Navy_sml.gif', 'mywindow','location=1,status=1,scrollbars=1, width=100,height=100')" width="29" height="32" border="0" resize="yes")" style="cursor:pointer"/>

---

et resize n'est, à ma connaissance, pas un attribut d'une balise img. Il faudrait l'inclure dans la méthode open().