Sujet : [JAVASCRIPT] lien sur image (popup)

je voudrai, quand on clique sur une petite image, l'afficher taille réelle (enfin plus grand quoi) dans une autre fenêtre dont la taile (de la fenêtre) ne ferait qu'une partie de l'écran. on fait comment?

le site est en HTML et je travaille avec dreamweaver/fireworks 4

(mais j'ai pas du tout étudié fireworks, ça sert à quoi?)



au secours. Help. MYDAY.  :-(

La marque de la haute école, se trouve donc, non dans des mouvements plus ou moins extraordinaires, mais dans la parfaite légèreté, que les mouvements soient simples ou compliqués.

Re : [JAVASCRIPT] lien sur image (popup)

la c'est cyber qui est le mieux placé pour te répondre je pense ;-)

http://membres.lycos.fr/cuicui/forums/panneau_rupert.png

Il vaut mieux mobiliser son intelligence sur des conneries que mobiliser sa connerie sur des choses intelligentes...

WWW

Re : [JAVASCRIPT] lien sur image (popup)

voici un petit bout de code :
<!--html--></div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>HTML </td></tr><tr><td id='CODE'><!--html1--><a href="ton_image.jpg">
    <img src="ta_petite_image.jpg" width="100" height="100" border="0">
</a><!--html2--></td></tr></table><div class='postcolor'><!--html3-->

Maintenant si tu veux la mettre dans une popup pour regler la taille c&#39;est autre chose

----------------------------------------------------------------------------------------------------------------------------
On peut être intelligent toute sa vie et stupide un instant.

WWW

Re : [JAVASCRIPT] lien sur image (popup)

T&#39;as de la chance g retrouvé assez vite &#33;&#33; smile
Voici le code pour l&#39;ouvrir via popup :
<!--html--></div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>HTML </td></tr><tr><td id='CODE'><!--html1--><a href="#null" onclick="window.open&#40;&#39;ton_image.jpg&#39;,&#39;Titre&#39;, &#39;width=, height=, top=, left=, toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,copyhistory=0,resizable=1&#39;&#41;">

          <img src="ta_petite_image.jpg" width="100" height="100" border="0">

</a><!--html2--></td></tr></table><div class='postcolor'><!--html3-->
Par contre je ne sais pas comment on la place dans l&#39;ecran. Je crois que c&#39;est un petit javascript en debut de page qui doit faire ca ...&#036;

voili voilou &#33;

----------------------------------------------------------------------------------------------------------------------------
On peut être intelligent toute sa vie et stupide un instant.

WWW

Re : [JAVASCRIPT] lien sur image (popup)

MERCI bob, je savais que je pouvais compter sur toi :fou: .
mais sais tu :?: , pourrais tu m&#39;expliquer  :?: comment ça marche ça :
<!--html--></div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>HTML </td></tr><tr><td id='CODE'><!--html1--><a href="javascript&#58;vuchateau&#40;&#41;">
     <img src="voyage/img_ecosse/mini/doc153.jpg" width="80" height="63"  border="0">
</a><!--html2--></td></tr></table><div class='postcolor'><!--html3-->  ;-)
:idea: et comment fais tu pour modifier l&#39;arrière plan de la fenêtre dans laquelle tu affiche ton image si j&#39;utilise le deuxième code que tu m&#39;as donné? 8-)
Merci d&#39;avance... big_smile

La marque de la haute école, se trouve donc, non dans des mouvements plus ou moins extraordinaires, mais dans la parfaite légèreté, que les mouvements soient simples ou compliqués.

Re : [JAVASCRIPT] lien sur image (popup)

ah, et eussi, dans :"
<!--html--></div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>HTML </td></tr><tr><td id='CODE'><!--html1--><a href="#null" onclick="window.open&#40;&#39;ton_image.jpg&#39;,&#39;Titre&#39;, &#39;width=, height=, top=, left=, toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,copyhistory=0,resizable=1&#39;&#41;"> 
          <img src="ta_petite_image.jpg" width="100" height="100" border="0"> 
<!--html2--></td></tr></table><div class='postcolor'><!--html3-->
ça sert à quoi : &#39;Titre&#39;  et qu&#39;est le "#null" merci.

La marque de la haute école, se trouve donc, non dans des mouvements plus ou moins extraordinaires, mais dans la parfaite légèreté, que les mouvements soient simples ou compliqués.

Re : [JAVASCRIPT] lien sur image (popup)

OK !



Alors pour le premier ....



Ca sert en fait a faire un lien vers une fonction en JavaScript "vuchateau()" . Apres il fo regarder ce qu'il y a dans la fonction ( en entete de page souvent ).



Pour le deuxieme :



:arrow: "Titre" sert simplement  a donner un titre a ta popup ( le titre du forum est "Bubulles Forum :: .....")



:arrow: "#null" est la pour dire que l'on ne "tiens pas compte" de la propriete href mais on va plutot s'interesser a la propriete "onclick"

RQ : le href est obligatoire pour un lien ....



Voila ! J'espere que ca repond a tes questions !

----------------------------------------------------------------------------------------------------------------------------
On peut être intelligent toute sa vie et stupide un instant.

WWW

Re : [JAVASCRIPT] lien sur image (popup)

merci bob. ma fonction est

function bato&#40;&#41;{
 &nbsp;var win=window.open&#40;&#34;voyage/img_pb02-03/gr_img/bato.htm&#34;,&#34;_blank&#34;,
 &nbsp; &nbsp; &nbsp; &nbsp;&#34;location=no,hotkeys=no,directories=no,resizable=yes&#34;+
 &nbsp; &nbsp; &nbsp; &nbsp;&#34;menubar=no,scrollbars=no,toolbar=no,status=no,height=375,width=610&#34;&#41;;}

pour l&#39;image :

<!--html--></div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>HTML </td></tr><tr><td id='CODE'><!--html1--><div align="center">
<a href="javascript&#58;bato&#40;&#41;">
<img src="voyage/img_pb02-03/ptit_img/bato.jpg" width="80" height="54" border="0">
</a>
</div><!--html2--></td></tr></table><div class='postcolor'><!--html3-->


pourquoi ça marche pas? les repertires sont bons et bato.htm existe.

La marque de la haute école, se trouve donc, non dans des mouvements plus ou moins extraordinaires, mais dans la parfaite légèreté, que les mouvements soient simples ou compliqués.

Re : [JAVASCRIPT] lien sur image (popup)

enfin, les répertoires quoi..

La marque de la haute école, se trouve donc, non dans des mouvements plus ou moins extraordinaires, mais dans la parfaite légèreté, que les mouvements soient simples ou compliqués.

Re : [JAVASCRIPT] lien sur image (popup)

as tu  essayé de mettre des 0 au lieu de "no" et 1 pour "yes" ???



Sinon ca me parais juste ....

----------------------------------------------------------------------------------------------------------------------------
On peut être intelligent toute sa vie et stupide un instant.

WWW

Re : [JAVASCRIPT] lien sur image (popup)

ok. merci! comment je fais pour que l'image se redimentionne proportionnellement à la taille de la fenêtre?

La marque de la haute école, se trouve donc, non dans des mouvements plus ou moins extraordinaires, mais dans la parfaite légèreté, que les mouvements soient simples ou compliqués.

Re : [JAVASCRIPT] lien sur image (popup)

En regardant pour ta reponse j&#39;en ai trouvé une autre &#33;&#33;

Pour positionner ta fenetre dans l&#39;ecran :

window.moveTo&#40;0,0&#41;;

ici 0,0 sont les coordonnées en pixel (je crois) du coin supérieur gauche de ta fenetre.

Sinon window.outerHeight et window.outerWidth correspondent aux dimensions de ta fenetre (dimension exterieures).
Sinon c&#39;est window.innerHeight et window.innerWidth pour les dimensions internes.
Je te laisse donc le soin d&#39;ajuster les dimensions de ton image en fonction de ces 2 parametres ... (j&#39;v pas tout te faire non plus &#33;&#33;  ;-)  )

Au passage : voici un petit script qui permet de mettre une fenetre en plein ecran ( une demo est sur mon site pour afficher les wallpapers )

&#60;script type=&#34;text/javascript&#34;&#62;
 &nbsp; window.moveTo&#40;0,0&#41;;
 &nbsp; 
 &nbsp; if &#40;document.all&#41; {
 &nbsp; &nbsp; &nbsp;window.resizeTo&#40;screen.availWidth,screen.availHeight&#41;;
 &nbsp; }
 &nbsp; else if &#40;document.layers&#41; {
 &nbsp; &nbsp; &nbsp;if &#40;window.outerHeight &#60; screen.availHeight || window.outerWidth &#60; screen.availWidth&#41; {
 &nbsp; &nbsp; &nbsp; &nbsp; window.outerHeight = screen.availHeight;
 &nbsp; &nbsp; &nbsp; &nbsp; window.outerWidth = screen.availWidth;
 &nbsp; &nbsp; &nbsp;}
 &nbsp; }
&#60;/script&#62;
----------------------------------------------------------------------------------------------------------------------------
On peut être intelligent toute sa vie et stupide un instant.

WWW