Fenêtre flottante
Fermé
chocolat2006
Messages postés
51
Date d'inscription
lundi 18 septembre 2006
Statut
Membre
Dernière intervention
15 novembre 2007
-
28 sept. 2007 à 17:26
chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007 - 2 nov. 2007 à 13:19
chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007 - 2 nov. 2007 à 13:19
A voir également:
- Fenêtre flottante
- Fenêtre dos - Forum Windows
- Gestionnaire de fenetre du bureau ✓ - Forum Windows 10
- Fenetre qui s'ouvre sur le mauvais écran ✓ - Forum Windows
- Fenetre privée - Guide
- Déplacer fenetre avec clavier ✓ - Forum Windows
6 réponses
Posotaz
Messages postés
489
Date d'inscription
samedi 23 juin 2007
Statut
Membre
Dernière intervention
19 juin 2011
226
29 sept. 2007 à 00:42
29 sept. 2007 à 00:42
Salut chocolat,
Pour t'expliquer en français le contenu de la page dont tu as fourni le lien...
Tu dois télécharger le fichier JavaScript et le placer dans le même répertoire que ta page. Sur cette page tu t'assures que dans le header, le code en gras soit présent :
Ensuite dans le corps (<body>) de ta page HTML, il faut que tu définisses un bloc qui ressemble à ceci (ce qui est en gras est l'appel au Drag):
C'est donc le deuxième bloc DIV (celui imbriqué au premier qui porte l'id "window") qui contient l'appel à la fonction Drag. Il est essentiel de le placer dans le premier bloc que tu vas reprendre tel quel. Et normalement ça devrait aller.
Pour t'expliquer en français le contenu de la page dont tu as fourni le lien...
Tu dois télécharger le fichier JavaScript et le placer dans le même répertoire que ta page. Sur cette page tu t'assures que dans le header, le code en gras soit présent :
<head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1250"> <title>Floating Window</title> <script src="Drag.js"></script> </head>
Ensuite dans le corps (<body>) de ta page HTML, il faut que tu définisses un bloc qui ressemble à ceci (ce qui est en gras est l'appel au Drag):
<div id="window" style="position:absolute; z-index:10; left:350px; top:160px; width:400px;background-color:#dde3eb; border:1px solid #464f5a; display:none;">
<div style="padding-bottom:8px; width:400px; background-color:#718191; border-bottom:1px solid #464f5a;" onMouseDown="beginDrag(this.parentNode, event);">
<div style="position:absolute; top:2px; left:5px; font-size:16px; font-weight:bold; color:#FFFFFF;">Drag me!</div>
</div>
</div>
C'est donc le deuxième bloc DIV (celui imbriqué au premier qui porte l'id "window") qui contient l'appel à la fonction Drag. Il est essentiel de le placer dans le premier bloc que tu vas reprendre tel quel. Et normalement ça devrait aller.
warlix
Messages postés
1201
Date d'inscription
mercredi 25 juillet 2007
Statut
Contributeur
Dernière intervention
21 février 2009
288
28 sept. 2007 à 17:43
28 sept. 2007 à 17:43
salut
en javascript je pense.
en javascript je pense.
chocolat2006
Messages postés
51
Date d'inscription
lundi 18 septembre 2006
Statut
Membre
Dernière intervention
15 novembre 2007
28 sept. 2007 à 18:31
28 sept. 2007 à 18:31
ça ne m'explique rien de plus malheureusement.
je mets ça où?? dans le code html de ma page principale??
je mets ça où?? dans le code html de ma page principale??
chocolat2006
Messages postés
51
Date d'inscription
lundi 18 septembre 2006
Statut
Membre
Dernière intervention
15 novembre 2007
2 nov. 2007 à 02:00
2 nov. 2007 à 02:00
merci infinement.
d'accord mais petite question, est-ce que tout ça, je dois le rentrer dans une page différente ou par exemple ici
http://www.kreavie.ca/clients/index.html
dans le code de cette page html??
d'accord mais petite question, est-ce que tout ça, je dois le rentrer dans une page différente ou par exemple ici
http://www.kreavie.ca/clients/index.html
dans le code de cette page html??
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
warlix
Messages postés
1201
Date d'inscription
mercredi 25 juillet 2007
Statut
Contributeur
Dernière intervention
21 février 2009
288
2 nov. 2007 à 12:15
2 nov. 2007 à 12:15
salut
Bon une autre solution qui marche pas mal
dans le <head></head> te ta page tu y mets
w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE></HEAD>");
w.document.write("<SCRIPT language=javascript>function checksize() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+15,document.images[0].height+60); window.focus();} else { setTimeout('checksize()',250) } }</"+"SCRIPT>");
w.document.write("<BODY onload='checksize()' onblur='window.close()' onclick='window.close()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0>");
w.document.write("<TABLE width='100%' border='0' cellspacing='0' cellpadding='0' height='100%'><TR>");
w.document.write("<TD valign='middle' align='center'><IMG src='"+img+"' border=0 alt='delice de pierre'>");
w.document.write("</TD></TR></TABLE>");
w.document.write("</BODY></HTML>");
w.document.close();
}
//-->
</SCRIPT>
</code>
en gras ce que tu peu modifier pour l affichage
dans la partie où tu as l image (vignette/logo) tu y mets ceci
la aussi tu mets le nom des deux images 1 la grande 2 la petite
tout code dois être sur la même page (le mien) pas de page en plus , juste une insertion du script et du code.
Bon une autre solution qui marche pas mal
dans le <head></head> te ta page tu y mets
<SCRIPT LANGUAGE="JavaScript">
<!--
function PopupImage(img) {
titre="Agrandissement";
w=open("",'image','width=700,height=500<code>,toolbar=no,scrollbars=no,resizable=no');
w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE></HEAD>");
w.document.write("<SCRIPT language=javascript>function checksize() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+15,document.images[0].height+60); window.focus();} else { setTimeout('checksize()',250) } }</"+"SCRIPT>");
w.document.write("<BODY onload='checksize()' onblur='window.close()' onclick='window.close()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0>");
w.document.write("<TABLE width='100%' border='0' cellspacing='0' cellpadding='0' height='100%'><TR>");
w.document.write("<TD valign='middle' align='center'><IMG src='"+img+"' border=0 alt='delice de pierre'>");
w.document.write("</TD></TR></TABLE>");
w.document.write("</BODY></HTML>");
w.document.close();
}
//-->
</SCRIPT>
</code>
en gras ce que tu peu modifier pour l affichage
dans la partie où tu as l image (vignette/logo) tu y mets ceci
<p align="center"><A href="javascript:PopupImage('nom_de_l_image_grand_format.jpg')"><IMG src="nom_de_l_image_vignette.jpg" alt="Cliquer pour agrandir" border="0" class="image"></A></p>
<p align="center"> </p>
la aussi tu mets le nom des deux images 1 la grande 2 la petite
tout code dois être sur la même page (le mien) pas de page en plus , juste une insertion du script et du code.
chocolat2006
Messages postés
51
Date d'inscription
lundi 18 septembre 2006
Statut
Membre
Dernière intervention
15 novembre 2007
2 nov. 2007 à 13:19
2 nov. 2007 à 13:19
je vais essayer ça ce matin et je te le dirais,merci beaucoup