Popup et marges [javascript]

Fermé
cyberlulu - 16 août 2004 à 18:27
 cyberlulu - 17 août 2004 à 14:26
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
A voir également:

5 réponses

Amnesiak Messages postés 23 Date d'inscription mardi 30 mars 2004 Statut Membre Dernière intervention 29 juillet 2005 6
16 août 2004 à 18:43
Une simple solution que je te propose :
<body style="margin: 0" onclick="window.close()">
...
</body>
0
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 ??
0
Utilisateur anonyme
17 août 2004 à 09:28
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>
0
Utilisateur anonyme
17 août 2004 à 10:00
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
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
ok merci pour l'aide, je vais voir tout ca !
0