popup : changer image fille avec image mère

**niavlys77** · 20/06/2009, 15h34

Bonjour,

Ca me semblait tout simple à la base, mais voilà plusieurs heures que je retourne le problème dans tous les sens sans solution. J'essaye d'ouvrir une popup via du javascript en cliquant sur une image miniature afin que s'affiche la version taille réelle de cette image. Jusqu'à présent, la popup s'ouvre correctement, j'arrive à obtenir le chemin de la miniature mais il n'y a pas moyen de l'attribuer à l'image présente dans la popup. D'ailleurs, je n'arrive pas à obtenir le chemin de cette image...

javascript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
var ImgMere;
var ImgFille;
var PhotoMere;
 
function OuvreFenetrePhoto(NomImage,x,y)
{
	FenFille = window.open("AffichageImage.php","","height=" + (y+60) +",width=" + (x+15) +",left=" +
	((screen.width - x)/2) + ",top=" + ((screen.height - y)/2) + ",toolbar=no,menubar=no,status=no");	
	ImgMere = document.getElementById(NomImage);	
	alert(ImgMere.src);
}

Une partie du code de "AffichageImage.php"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
   <body>
		<div id="Corps">
			<img id="Photo" src="02_3.jpg" />
			Cliquer sur la photo pour fermer la fenêtre
		</div>
   </body>

Auriez vous quelque chose de simple à me proposer pour pouvoir attribuer le .src de ImgMere au .src de "Photo" ?

Merci par avance de vos réponses.

**SpaceFrog** · 20/06/2009, 17h25

y'en a plein la FAQ et les contirbutions

**niavlys77** · 20/06/2009, 19h59

Pour éclaircir le problème, il semblerait que ImgFille (image de la popup) n'est pas d'existence à l'ouverture de la popup mais seulement après l'ouverture COMPLETE de la page. Si je mets la modification de la source de imgFille sur un clic de souris, là, elle veut bien se modifier... Il n'y aurait pas un événement "afterload" à apposer sur le body ??

**niavlys77** · 20/06/2009, 20h59

Bon, je m'obstinais à vouloir garder ma méthode mais j'ai trouvé quelque chose d'équivalent ailleurs. J'ai perdu plusieurs heures à chercher mais j'ai au moins appris qu'on pouvait générer une page web en passant exclusivement par du javascript. Je mourrais moins con ce soir. Je transmets le code au cas où quelqu'un d'aussi têtu que moi se retrouve dans la même situation. Ami buté, la solution est ailleurs

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<script language="JavaScript">
function PopupImage(img) {
titre="Popup Image - Titre site";
w=open("",'image','width=800,height=600,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+12,document.images[0].height+30); window.focus();} else { setTimeout('check()',250) } }</"+"SCRIPT>");
w.document.write("<BODY onload='checksize()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0><IMG src='"+img+"' border=0>");
w.document.write("");
w.document.write("</BODY></HTML>");
w.document.close();
}
</script>

**SpaceFrog** · 21/06/2009, 09h11

Mouaip et en allant chercher ailleurs tu as trouvé à peu près le pire code que l'on puisse générer en javascript ... (document.write

)
UN simple petit tour rapide dans nos contributions aurait pu t'éviter ce genre de déconvenue

**Auteur** · 21/06/2009, 15h05

Envoyé par SpaceFrog

Mouaip et en allant chercher ailleurs tu as trouvé à peu près le pire code que l'on puisse générer en javascript ... (document.write

)

Dans moins d'une semaine niavlys77 reviendra en disant qu'il (elle) a un problème avec document.write()

Envoyé par SpaceFrog

UN simple petit tour rapide dans nos contributions aurait pu t'éviter ce genre de déconvenue

allez je lui donne le lien

http://www.developpez.net/forums/d27...enetre-enfant/
en plus dans le 1er exemple :

exemple avec test de la présence de la fenêtre fille .

popup : changer image fille avec image mère

JavaScript

Discussions similaires

Partager

Partager