parametre dans un pop pup

Version imprimable

Bonjour,

j'ai récupéré un script de pop pup, ci-dessous.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 function commentaire(ID) { popup = window.open('http://www.gitedesorres.fr/'+ID,'Commentaires','toolbar=0,location=0,directories=0,menuBar=0,resizable=0,scrollbars=yes,width=500,height=200,left=75,top=60'); if (popup && popup.focus) popup.focus(); } //--> </script> <p align="center"><a href="javascript:commentaire('gite.htm')">lien1</a></p> <p align="center"><a href="javascript:commentaire('hiver.htm')">lien2</a></p>
Je voudrais que "width, height" soit paramétrable afin de pouvoir sur un même page ouvrir des pop pup de dimension variable.

Je tourne et je vire sans pouvoir y arriver.

Merci de votre aide.

Antoine

salut,
voici un code qui rajoute deux paramètres dans le passage à la fonction

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
function commentaire(ID,width,height)
	{
	popup = window.open('http://www.gitedesorres.fr/'+ID,'Commentaires','toolbar=0,location=0,directories=0,menuBar=0,resizable=0,scrollbars=yes,width='+width+',height='+height+',left=75,top=60');
	if (popup && popup.focus) popup.focus();
	}
//-->
</script>
 
 
 
<p align="center"><a href="javascript:commentaire('gite.htm',500,200)">lien1</a></p>
 
<p align="center"><a href="javascript:commentaire('hiver.htm',700,100)">lien2</a></p>

03/05/2008, 10h14
anca2

passage de parametre.

Merci pour cette réponse rapide.

J'avais mis en place cette solution mais elle un problème.

En effet, si l'on click sur un lien avec une dimension et que l'on click sur l'autre lien qui a lui une autre dimension, c'est la dimension du premier lien qui est affiché, comme si se paramètre restait en cache.

Une précision, si l'on ferme la fenêtre entre 2 click ça marche.

Mais le but de ce pop pup et l'ouverture d'une fenêtre quelque soit le nombre de click sur des liens differents.

Je pense qu'i il faudait que le pop pup se ferme automatiquement dés qu'il n'est plus visible,

Et cela je ne comprend pas comment faire.

Merci encore votre aide

salut
c'est parce que tu utilises le même identifiant pour la fenêtre (commentaire, codé en dur dans la fonction javascript).
voici ci-dessous un code qui ouvre autant de popup qu'il y a de lien.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
function commentaire(ID,width,height)
	{
	popup = window.open('http://www.gitedesorres.fr/'+ID,ID,'toolbar=0,location=0,directories=0,menuBar=0,resizable=0,scrollbars=yes,width='+width+',height='+height+',left=75,top=60');
	if (popup && popup.focus) popup.focus();
	}
//-->
</script>
 
 
 
<p align="center"><a href="javascript:commentaire('gite.htm',500,200)">lien1</a></p>
 
<p align="center"><a href="javascript:commentaire('hiver.htm',700,100)">lien2</a></p>

03/05/2008, 11h14
anca2

passage de parametre

J'avais crié victoire trop vite.

Un grand Merci tout de même pour t'on aide.

Le problème de ta solution c'est qu'il y a plusieurs fenêtres qui restent ouvertes.

Le but de la fonction au départ c'est qu'il n'y ait qu'un fenêtre ouverte à la fois, ce que je recherche en plus, c'est que chaque fenêtre ait sa dimension propre .

Je pense donc, qu'il faut que le pop pup se ferme automatiquement dés qu'il n'est plus visible.

Je ne comprend pas comment faire.

Merci pour votre aide.
03/05/2008, 13h34
julien.63

salut
je ne connais pas la solution précise, il faut que je cherche un peu de mon coté. Essaye de voir du tient sur la fonction window.onblur.
03/05/2008, 13h41
julien.63
salut,
j'ai rajoute le code ci-dessous dans la fonction et ça semble fonctionner (enfin sous FF, j'ai pas la possibilité de tester sous IE)
Code:

1 2 3 window.onblur = function(){ window.close(); }
03/05/2008, 20h22
anca2

Bonsoir,

Ca ne fonctionne pas sous IE, en fait IE lance la boite d'alerte "La page web affichée tente de fermer la fenêtre"

c'est Dommage car c'est exactement ce que je cherche.

Merci pour ton aide.

La question reste ouverte.
03/05/2008, 20h25
SpaceFrog

un popup se ferme depuis sa mère ...
03/05/2008, 20h47
julien.63

Code:

un popup se ferme depuis sa mère ...

on peut imaginer une fonction sur la mère qui stocke une référence du popup à l'ouverture et le ferme quand elle récupère le focus...

Re bonsoir,

Là, je comprend ce qu'il faire, mais le faire est autre chose.

Je suis plutôt BB (Bricoleur Bidouilleur) que programmeur.

Une idée:
j'ai une fonction qui fait exactement ce que l'on cherche mais pour les images, je l'ai récupéré sur le site "jejavascript" (rendons à César..)
Elle peut vous aider!
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <script language="JavaScript"> var fois=0 function AfficheImage(petiteImage,grandeImage,texteImage) { document.write('<A HREF="javascript:Affichegrande(\''+grandeImage+'\',\''+texteImage+'\')"><IMG SRC="'+petiteImage+'" HSPACE=0 VSPACE=0 BORDER=0 ALT="cliquez ici pour afficher en grand"></A>'); } function Affichegrande(cheminImage,texte) { newImage = new Image; newImage.src = cheminImage; html = '<HTML><HEAD><TITLE>Image</TITLE><meta http-equiv="Pragma" content="no-cache"></HEAD><BODY leftmargin=0 marginwidth=0 topmargin=0 marginheigth=0 oncontextmenu="return false"><CENTER>'+ '<a href="#" onClick="window.close()"><IMG SRC="'+cheminImage+'" BORDER=0 NAME=monImage alt="'+texte+'"border="0" onLoad="window.resizeTo(document.monImage.width+20,document.monImage.height+80); window.moveTo((screen.width-document.monImage.width)/2,5)"> </a></CENTER></BODY></HTML>'; if (fois == 1 ) ouvrirImage.close(); ouvrirImage = window.open('','_blank','toolbar=0,location=0,menuBar=0,scrollbars=0,resizable=0'); ouvrirImage.document.write(html); fois=1; } </script>
Et pour l'image clicquable:

Code:

<script language=JavaScript>AfficheImage("images/gite/cuisine-.jpg","images/gite/cuisine.jpg","Texte");</script>

Le fonctionnement est visible sur le site http://www.gitedesorres.fr/ete.htm

Si vous avez la solution, je suis preneur et je pense que d'autres aussi car cela eliminerait les fenêtres multiples.

Dans tout les cas un grand Merci.

Antoine.

bon essaye ceci, ça marche chez moi mais encore j'ai pas testé sous IE...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<html>
<head>
<meta http-equiv="Content-Language" content="en" />
<meta name="GENERATOR" content="PHPEclipse 1.0" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>title</title>
<script language="JavaScript" type="text/javascript">
 
<!--
 
var popup = null;
 
function commentaire(ID,width,height){
	popup = window.open('http://www.gitedesorres.fr/'+ID,ID,'toolbar=0,location=0,directories=0,menuBar=0,resizable=0,scrollbars=yes,width='+width+',height='+height+',left=75,top=60');
	if (popup && popup.focus) popup.focus();
}
 
document.onfocus = function(){
	if (popup != null){
		window.popup.close();
	}
}
 
 
//-->
 
</script>
 
</head>
 
<body bgcolor="#FFFFFF" text="#000000" link="#FF9966" vlink="#FF9966" alink="#FFCC99" onload="init();">
 
<p align="center"><a href="javascript:commentaire('gite.htm',500,200)">lien1</a></p>
<p align="center"><a href="javascript:commentaire('hiver.htm',700,100)">lien2</a></p>
 
</body>

03/05/2008, 22h42
anca2

Désolé, cela ne fonctionne pas.

Mais il n'y a plus d'alerte.

lorsque l'on click il ne se passe rien.

Je vais glisser dans les bras de Morphé.

Je vous souhaite une bonne nuit et encore merci.

Et ca?

Code:

1
2
3
4
5
6
7
8
9
 
function commentaire(ID,width,height)
{
	popup = window.open('http://www.gitedesorres.fr/'+ID,'Commentaires','toolbar=0,location=0,directories=0,menuBar=0,resizable=0,scrollbars=yes,width='+width+',height='+height+',left=75,top=60');
	if (popup && popup.focus) popup.focus();
        popup.resizeTo(width,height) ;
}
 
</script>

05/05/2008, 07h51
megacool

Salut,
Ce lien peut t'aider :
http://www.developpez.net/forums/sho...d.php?t=541328
:king:

y'avais un petit truc bizarre dans le code (le "popup.focus" dans le if) que j'ai enlevé et ça fonctionne même sous IE (cette fois j'ai testé avec le portable d'un copain).

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 
<html>
<head>
<meta http-equiv="Content-Language" content="en" />
<meta name="GENERATOR" content="PHPEclipse 1.0" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>title</title>
<script language="JavaScript" type="text/javascript">
 
<!--
 
var popup = null;
 
function commentaire(ID,width,height)
{
	popup = window.open('http://www.gitedesorres.fr/'+ID,'Commentaires','toolbar=0,location=0,directories=0,menuBar=0,resizable=0,scrollbars=yes,width='+width+',height='+height+',left=75,top=60');
	if (popup) popup.focus();
}
 
 
document.onfocus = function(){
	if (popup != null){
		window.popup.close();
	}
}
 
 
//-->
 
</script>
 
</head>
 
<body bgcolor="#FFFFFF" text="#000000" link="#FF9966" vlink="#FF9966" alink="#FFCC99" onload="init();">
 
<p align="center"><a href="javascript:commentaire('gite.htm',500,200)">lien1</a></p>
<p align="center"><a href="javascript:commentaire('hiver.htm',700,100)">lien2</a></p>
 
</body>

05/05/2008, 23h44
anca2

Bonsoir,

Julien ta modif fonctionne et celle Sacha aussi.

Ces codes fonctionnent sous IE et FF

Un grand merci à tout le monde.

Je vais pouvoir dormir tranquille :P