OVH Cloud OVH Cloud

Une image dans une fenêtre fixe ... heelp !

6 réponses
Avatar
Bastan
Voilà, je me maitrise pas trop FP2003, et je voudrais illustrer un texte en
créant sur certains mots des liens hypertexte vers des images.
J'ai vu ce qui me convient sur certains sites par exemple
http://www.francesim.com/Default.aspx?C=29&SC=62&NumEnr=460&Cpt=-1
En cliquant sur une petite image, on en affiche une autre dans une SIMPLE
fenêtre dont la taille est FIXE.

Comment faire ça svp ???
Merci d'avance ;-)

6 réponses

Avatar
CFrofro
Bonjour
Il suffit de lire le code de la page et de copier.

Dans le head on met :

<script language="JavaScript">
<!--
function resizePopUp(monImage, monTitre)
{
w = window.open('','chargement','width,height');
w.document.write( "<html><head><title>"+monTitre+"</title>n" );
w.document.write( "<script language='JavaScript'>n");
w.document.write( "IE5=NN4=NN6úlse;n");
w.document.write( "if(document.all)IE5=true;n");
w.document.write( "else if(document.getElementById)NN6=true;n");
w.document.write( "else if(document.layers)NN4=true;n");
w.document.write( "function autoSize() {n");
w.document.write( "if(IE5)
self.resizeTo(document.images[0].width+10,document.images[0].height+31);n")
;
w.document.write( "else if(NN6) self.sizeToContent();n");
w.document.write( "else
window.resizeTo(document.images[0].width,document.images[0].height+20);n");
w.document.write( "self.focus();n");
w.document.write( "}n</scri");
w.document.write( "pt>n");
w.document.write( "</head><body leftmargin=0 topmargin=0 marginwidth=0
marginheight=0 onLoad='javascript:autoSize();'>" );
w.document.write( "<a href='javascript:window.close();'><img
src='"+monImage+"' border=0 alt='Cliquez sur cette image pour fermer la
fenêtre'></a>" );
w.document.write( "</body></html>" );
w.document.close();
}
-->
</script>


Et pour le lien on met

<a href="#" onClick="resizePopUp('IMAGE APPELEE.jpg','TEXTE');"><img
src='IMAGE SOURCE.jpg' border='0' align='absmiddle'>

Il faut bien sur modifier les élément du lien en majuscule par tes infos.
--
A+

°°°[:]o)

CFrofro

www.cfrofro.fr.st




"Bastan" a écrit dans le message de
news:brf2n2$jlf$
|| Voilà, je me maitrise pas trop FP2003, et je voudrais illustrer un
|| texte en créant sur certains mots des liens hypertexte vers des
|| images.
|| J'ai vu ce qui me convient sur certains sites par exemple
|| http://www.francesim.com/Default.aspx?C)&SCb&NumEnrF0&Cpt=-1
|| En cliquant sur une petite image, on en affiche une autre dans une
|| SIMPLE fenêtre dont la taille est FIXE.
||
|| Comment faire ça svp ???
|| Merci d'avance ;-)
Avatar
sceadu
VVVVVVVVVvouaaaaaaaaaaah
des majuscules et aprés ils s'étonneras de voir des croix a la place de ses
images
"CFrofro" a écrit dans le message de news:

Bonjour
Il suffit de lire le code de la page et de copier.

Dans le head on met :

<script language="JavaScript">
<!--
function resizePopUp(monImage, monTitre)
{
w = window.open('','chargement','width,height');
w.document.write( "<html><head><title>"+monTitre+"</title>n" );
w.document.write( "<script language='JavaScript'>n");
w.document.write( "IE5=NN4=NN6úlse;n");
w.document.write( "if(document.all)IE5=true;n");
w.document.write( "else if(document.getElementById)NN6=true;n");
w.document.write( "else if(document.layers)NN4=true;n");
w.document.write( "function autoSize() {n");
w.document.write( "if(IE5)



self.resizeTo(document.images[0].width+10,document.images[0].height+31);n")
;
w.document.write( "else if(NN6) self.sizeToContent();n");
w.document.write( "else



window.resizeTo(document.images[0].width,document.images[0].height+20);n");
w.document.write( "self.focus();n");
w.document.write( "}n</scri");
w.document.write( "pt>n");
w.document.write( "</head><body leftmargin=0 topmargin=0 marginwidth=0
marginheight=0 onLoad='javascript:autoSize();'>" );
w.document.write( "<a href='javascript:window.close();'><img
src='"+monImage+"' border=0 alt='Cliquez sur cette image pour fermer la
fenêtre'></a>" );
w.document.write( "</body></html>" );
w.document.close();
}
-->
</script>


Et pour le lien on met

<a href="#" onClick="resizePopUp('IMAGE APPELEE.jpg','TEXTE');"><img
src='IMAGE SOURCE.jpg' border='0' align='absmiddle'>

Il faut bien sur modifier les élément du lien en majuscule par tes infos.
--
A+

°°°[:]o)

CFrofro

www.cfrofro.fr.st




"Bastan" a écrit dans le message de
news:brf2n2$jlf$
|| Voilà, je me maitrise pas trop FP2003, et je voudrais illustrer un
|| texte en créant sur certains mots des liens hypertexte vers des
|| images.
|| J'ai vu ce qui me convient sur certains sites par exemple
|| http://www.francesim.com/Default.aspx?C)&SCb&NumEnrF0&Cpt=-1
|| En cliquant sur une petite image, on en affiche une autre dans une
|| SIMPLE fenêtre dont la taille est FIXE.
||
|| Comment faire ça svp ???
|| Merci d'avance ;-)




Avatar
CFrofro
Pauvre garçon...

"sceadu" a écrit dans le message de
news:brfo8a$2s10e$
|| VVVVVVVVVvouaaaaaaaaaaah
|| des majuscules et aprés ils s'étonneras de voir des croix a la
|| place de ses images
||| Il faut bien sur modifier les élément du lien en majuscule par
||| tes infos. --

Apprends à lire et à comprendre.
mais pour ca, il te faudrait un cerveau normal, pas une machine à débiter
des conneries.
Avatar
sceadu
"CFrofro" a écrit dans le message de news: > ||
VVVVVVVVVvouaaaaaaaaaaah
|| des majuscules et aprés ils s'étonneras de voir des croix a la
|| place de ses images
||| Il faut bien sur modifier les élément du lien en majuscule par
||| tes infos. --

Apprends à lire et à comprendre.
mais pour ca, il te faudrait un cerveau normal, pas une machine à débiter
des conneries.


alors stypule bien par;
il faut modifier les élément en majuscules par tes info, mais en minuscul/
sans espaces/sans accents
Avatar
Bastan
Bon, rassure toi, j'ai compris que les majuscules étaient là... pour être
remplacées ;-))
MAIS, je n'y arrive pas quand même :-((

Je colle cette partie, juste après la première balise head
Est ce que je dois remplacer "monImage, monTitre" de la ligne 3 par le
chemin de l'image, et un titre ??

****************************************************************************
************************************************
<script language="JavaScript">
<!--
function resizePopUp(monImage, monTitre)
{
w = window.open('','chargement','width,height');
w.document.write( "<html><head><title>"+monTitre+"</title>n" );
w.document.write( "<script language='JavaScript'>n");
w.document.write( "IE5=NN4=NN6úlse;n");
w.document.write( "if(document.all)IE5=true;n");
w.document.write( "else if(document.getElementById)NN6=true;n");
w.document.write( "else if(document.layers)NN4=true;n");
w.document.write( "function autoSize() {n");
w.document.write( "if(IE5)
self.resizeTo(document.images[0].width+10,document.images[0].height+31);n")
;
w.document.write( "else if(NN6) self.sizeToContent();n");
w.document.write( "else
window.resizeTo(document.images[0].width,document.images[0].height+20);n");
w.document.write( "self.focus();n");
w.document.write( "}n</scri");
w.document.write( "pt>n");
w.document.write( "</head><body leftmargin=0 topmargin=0 marginwidth=0
marginheight=0 onLoad='javascript:autoSize();'>" );
w.document.write( "<a href='javascript:window.close();'><img
src='"+monImage+"' border=0 alt='Cliquez sur cette image pour fermer la
fenêtre'></a>" );
w.document.write( "</body></html>" );
w.document.close();
}
-->
</script>

****************************************************************************
************************************************


Et ensuite cette partie là

****************************************************************************
************************************************
<a href="#" onClick="resizePopUp('IMAGE APPELEE.jpg','TEXTE');"><img
src='IMAGE SOURCE.jpg' border='0' align='absmiddle'>
****************************************************************************
************************************************

Ou dois je exactement la mettre ?
Et, dans la mesure ou le lien est du texte et non une 'IMAGE SOURCE.jpg' ,
que dois je mettre à la place ?
Et, enfin, 'IMAGE APPELEE.jpg' doit il contenir le chemin complet du fichier
?


Vous voyez c'est pas gagné :-((((
Pourtant je me force ;-)
Merci !
Avatar
CFrofro
Bonjour
La première partie est à metrre telle qu'elle est.
Ca explique ce que le navigateur doit faire.
En revanche, en seconde partie, tu dois indiquer l'adresse de ton image avec
les noms de dossier et chemin si l'image n'est pas avec le fichier de la
page appelante.
(genre ../../images/imagette_01.jpg pour remonter de deux niveaux et aller
dans le répertoire images où est ton image appelante).
Mais il existe des scripts plus simple que celui ci, récupéré sur le site
que tu as cité (voir sur mon site dans la section archives / réveillon par
exemple).
--
A+

°°°[:]o)

CFrofro

www.cfrofro.fr.st



"Bastan" a écrit dans le message de
news:brg8mk$bpg$
|| Bon, rassure toi, j'ai compris que les majuscules étaient là...
|| pour être remplacées ;-))
|| MAIS, je n'y arrive pas quand même :-((
||
|| Je colle cette partie, juste après la première balise head
|| Est ce que je dois remplacer "monImage, monTitre" de la ligne 3
|| par le chemin de l'image, et un titre ??
||
||
****************************************************************************
|| ************************************************
|| <script language="JavaScript">
|| <!--
|| function resizePopUp(monImage, monTitre)
|| {
|| w = window.open('','chargement','width,height');
|| w.document.write( "<html><head><title>"+monTitre+"</title>n" );
|| w.document.write( "<script language='JavaScript'>n");
|| w.document.write( "IE5=NN4=NN6úlse;n");
|| w.document.write( "if(document.all)IE5=true;n");
|| w.document.write( "else if(document.getElementById)NN6=true;n");
|| w.document.write( "else if(document.layers)NN4=true;n");
|| w.document.write( "function autoSize() {n");
|| w.document.write( "if(IE5)
||
self.resizeTo(document.images[0].width+10,document.images[0].height+31);n")
|| ;
|| w.document.write( "else if(NN6) self.sizeToContent();n");
|| w.document.write( "else
||
window.resizeTo(document.images[0].width,document.images[0].height+20);n");
|| w.document.write( "self.focus();n");
|| w.document.write( "}n</scri");
|| w.document.write( "pt>n");
|| w.document.write( "</head><body leftmargin=0 topmargin=0
|| marginwidth=0 marginheight=0 onLoad='javascript:autoSize();'>" );
|| w.document.write( "<a href='javascript:window.close();'><img
|| src='"+monImage+"' border=0 alt='Cliquez sur cette image pour
|| fermer la fenêtre'></a>" );
|| w.document.write( "</body></html>" );
|| w.document.close();
|| }
|| -->
|| </script>
||
||
****************************************************************************
|| ************************************************
||
||
|| Et ensuite cette partie là
||
||
****************************************************************************
|| ************************************************
|| <a href="#" onClick="resizePopUp('IMAGE
|| APPELEE.jpg','TEXTE');"><img src='IMAGE SOURCE.jpg' border='0'
|| align='absmiddle'>
||
****************************************************************************
|| ************************************************
||
|| Ou dois je exactement la mettre ?
|| Et, dans la mesure ou le lien est du texte et non une 'IMAGE
|| SOURCE.jpg' , que dois je mettre à la place ?
|| Et, enfin, 'IMAGE APPELEE.jpg' doit il contenir le chemin complet
|| du fichier ?
||
||
|| Vous voyez c'est pas gagné :-((((
|| Pourtant je me force ;-)
|| Merci !