Popup et marges [javascript]
Bonjour !
j'ai une fichier html avec des images en petit et quand je clique sur l'image, un popup s'ouvre avec l'image en grand.
le problème, c'est qu'il y a une marge en haut et une à gauche. comment est-ce que je peux faire pour les enlever ?
et comment est-ce que je peux faire aussi pour qu'en cliquant sur le popup, celui-ci se ferme ?
merci d'avance
j'ai une fichier html avec des images en petit et quand je clique sur l'image, un popup s'ouvre avec l'image en grand.
le problème, c'est qu'il y a une marge en haut et une à gauche. comment est-ce que je peux faire pour les enlever ?
et comment est-ce que je peux faire aussi pour qu'en cliquant sur le popup, celui-ci se ferme ?
merci d'avance
5 réponses
-
Une simple solution que je te propose :
<body style="margin: 0" onclick="window.close()"> ... </body>
-
en fait, c'est juste une image que j'ouvre en popup :
popup('mon_image.jpg','','...')
je pense que ce que tu m'as proposé comme solution, c'était si j'avais un lien vers un fichier html, non ?
dans ce cas là, comment puis-je enlever les marges et fermer le popup en cliquant dessus ?? -
Si tu connais a l'avance les dimensions de l'image tu peux faire
popup('mon_image.jpg','','width='+lg_img+',height='+ht_img)
------------------------------------------------------------
<Mode Pub> http://www.poof65.com </Mode Pub> -
Il te reste à adapter la ligne:
popup.resizeTo(...)
afin d'obtenir une fenêtre à la taile désirée.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Démo popup by HackTrack</title> <script> var popup = null; function buildReactiveImages(){ images = document.getElementsByName('reactImg'); for(i=0 ; i<images.length ; i++){ images[i].onclick=openPopup; } } function openPopup(){ if(popup==null){ popup=window.open('','','status=no,scrollbar=no,menubar=no'); } tempImg = new Image(); tempImg.src = this.src; popup.resizeTo(tempImg.width, tempImg.height); popupHTML = "<html>"; popupHTML += " <head>"; popupHTML += " <style>"; popupHTML += " body{"; popupHTML += " margin: 0 0 0 0;"; popupHTML += " padding: 0 0 0 0;"; popupHTML += " }"; popupHTML += " </style>"; popupHTML += " </head>"; popupHTML += " <body>"; popupHTML += "<img src='"+this.src+"' onclick='opener.closePopup();'/>"; popupHTML += " </body>"; popupHTML += "</html>"; popup.document.write(popupHTML); } function closePopup(){ if(popup){ popup.close(); popup=null; } } </script> </head> <body onload="buildReactiveImages();"> <img name="reactImg" src="http://www.commentcamarche.net/images/logotop.gif" /> </body> </html>
;-)
HackTrack -
ok merci pour l'aide, je vais voir tout ca !
