Discussion :

[c+cool]

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

<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 merci

[Auteur]

bonjour,

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

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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 .
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?

[c+cool]

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

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<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>

[magnus2005]

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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")"/>

[c+cool]

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

[magnus2005]

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

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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"

[c+cool]

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...

[magnus2005]

pour avoir un curseur ajoute l'attribut

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

style="cursor:pointer"

� ta balise img

En te machant le travail �a donne :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

[Auteur]

il manque un argument � open() :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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().