Discussion :

[anca2]

Bonjour,

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

Code :

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

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

[julien.63]

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

Code :

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

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>

[anca2]

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

[julien.63]

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 :

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

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>

[anca2]

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.

[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.

[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 :

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

1
2
3
  window.onblur = function(){
  	window.close();
  }

[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.

[SpaceFrog]

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

[julien.63]

Code :

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

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...

[anca2]

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 :

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

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 :

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

 <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.

[julien.63]

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

Code :

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

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>

[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.

[Sacha999]

Et ca?

Code :

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

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>

[megacool]

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

[julien.63]

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 :

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

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>

[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