Sujet Précédent Sujet Suivant

Comment supprimer marges intérieures popup

Fermé
Gil225 - 7 sept. 2008 à 16:54
gil225 Messages postés 7 Date d'inscription mercredi 18 avril 2007 Statut Membre Dernière intervention 20 juillet 2011 - 7 sept. 2008 à 17:17
Bonjour,

Voilà tout est dans le titre mais c'est un sacré casse-tête depuis hier.
Il n'y a que Safari outre son design affiche bien les images en popup sans marges mais IE6 et Firefox 2 outre le fait que se soit gris font d'office des marges
En effet je n'ai pas de connaissance en JS, juste les évènements.

Voici ce que j'entre d'habitude dans les liens comme la plupart :

[code]<a href="image/stand2b.png" target="wclose" onclick="window.open('image/stand2b.png','wclose','width=500,height=335,toolbar=no,location=no,
directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=no,left=150,top=25')"><img src="image/stand2.png" alt="stand2" height="153" width="230" /></a>[/code]

Je pensais rajouter
[code]<a href="image/stand2b.png" target="wclose" onclick="window.open('image/stand2b.png','wclose','width=500,height=335,[b]margin=0,paddging=0,
[/b]toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=no,
left=150,top=25')"><img src="image/stand2.png" alt="stand2" height="153" width="230" /></a>[/code]

Mais malheureusement cela ne fonctionne pas [confus]

J'ai donc recherché sur le web une solution et j'ai trouvé ceci qui date de 2004 dans le site de Comment ça marche- d'après ce que j'ai pu comprendre on crée une fenêtre popup avec une entête et un corps de page ensuite on affiche l'image dans le corps sans marges ensuite on clique pour fermer la popup
[code]<!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>[/code]

Seulement le problème c'est que d'après l'exemple l'image s'affiche bien sans marges mais la fenêtre mange 1/4 de l'image à l'affichage[ohwell]

Merci pour la solution à rectifier du JS[/i]

1 réponse

Réponse 1 / 1
gil225 Messages postés 7 Date d'inscription mercredi 18 avril 2007 Statut Membre Dernière intervention 20 juillet 2011 3
7 sept. 2008 à 17:17
voila en fait ce que j'ai rajouté dans la

function openPopup(){
if(popup==null){
popup=window.open('','','toolbar=no,location=no,directories=no,status=no,menubar=no,
scrollbars=no,resizable=no,copyhistory=no,left=150,top=25');
}

mais cela ne change rien
-2