Ne pas rafraîchir une page

**metabaron81** · 17/03/2011, 19h09

Bonjour,

J'ai deux pages, une fenêtre normale et un popup, j'ai fais en sorte que lorsque je clique sur le lien de la fenêtre normale le popup apparaît, puis quand je clique sur le lien sur le popup cela m'ouvre la page principale, le problème c'est que je ne veux pas quand je reclique sur le lien pour aller au popup, que celui-ci soit réactualiser car il y a une zone de texte, ci-joint les deux pages:

Page mère:

Code :

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

1
2
3
4
5
6
7
8
9
10
<HTML>
<SCRIPT>
function ouvrepopup() {
 win=window.open('popup.html','maPopup');
}
</SCRIPT>
<BODY>
<input type="button" onClick="javascript:ouvrepopup()">
</BODY>
</HTML>

Page popup:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<HTML>
<SCRIPT>
function f_load() {
  window.focus();
}
</SCRIPT>
<BODY onLoad="javascript:f_load()">
<p align="center"><a href="mere.html" target="_blank">Cliquez ici pour écrire votre compte rendu</a></p>
<p>
 <textarea name="champs de texte" id="champs de texte" cols="35" rows="20"></textarea>
</p>
</BODY>
</HTML>

**bob633** · 19/03/2011, 20h37

Me semble que tu ne peux pas avoir 2 popup ouvert ..

Peut-être utiliser jquery avec lightbox ? Ca permet d'ouvrir des fenêtres à la façon popup sans bordure etc ...

**vermine** · 20/03/2011, 08h50

Bonjour,

Avec du Javascript, vous pourriez annuler l'action de ouvrepopup une fois la pop up ouverte, et ensuite la réactivée une fois la pop up fermée.

**Bovino** · 20/03/2011, 11h11

Le mieux est de tester si la popup existe lors du clic.
Si elle existe, lui donner le focus, sinon l'ouvrir.

**metabaron81** · 22/03/2011, 15h06

La deuxième fenêtre s'ouvre bien au premier plan lorsque dans la fenêtre mère je clique sur le lien, le seul truc c'est que je ne veux pas qu'elle soit rafraichit à chaque fois que je clique sur le lien pour y accéder

**vermine** · 22/03/2011, 18h30

Mettez en place ce conseil-ci :

Envoyé par Bovino

Le mieux est de tester si la popup existe lors du clic.
Si elle existe, lui donner le focus, sinon l'ouvrir.

**metabaron81** · 23/03/2011, 14h30

Oui le popup existe et le focus et là quand je clique pour le faire apparaitre, mais quand je clique à chaque fois ca rafraichit le popup, et je ne veux pas

**vermine** · 23/03/2011, 14h43

Oui c'est parce que vous appelez toujours cette instruction-ci :

Code :

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

1
2
 
win=window.open('popup.html','maPopup');

La proposition de Bovino est de mettre un if autour de l'instruction :

Code :

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

1
2
3
4
5
6
7
8
9
 
if(win)
{
    win.focus();
}
else
{
    window[win]=window.open('popup.html','maPopup');
}

**metabaron81** · 23/03/2011, 15h52

Ok merci beaucoup, j'ai remplacer par ce que tu m'as dis, mais le popup s'ouvre plus, suis désolé suis débutant en html

, je te mets le code que j'ai mis.

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
<HTML>
<SCRIPT>
function ouvrepopup() {
if(win)
{
    win.focus();
}
else
{
    window[win]=window.open('popup.html','maPopup');
}
 
}
</SCRIPT>
<BODY>
<input type="button" onClick="javascript:ouvrepopup()">
</BODY>
</HTML>

**Billy KiT** · 24/03/2011, 00h52

Salut, if (win) ça a eu marché, mais ça marche plus.
Je suis aussi intéressé par une solution, car "tester l'existence d'une pop-up" ne semble pas si simple !
win est au départ indéfini => erreur
On peut peut-être corriger en faisant précéder :

Code :

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

if (typeof(win)=='undefined') {win=false;}

Mais ça marche pas car même en fermant la pop-up, win contient toujours un objet.
Alors on peut essayer de tester une propriété de win, par exemple :

Code :

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

if(win.top)

fonctionne sous chrome uniquement et donne une erreur extraordinaire sur IE quand on a fermé la pop-up :

Code :

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

L’appelé (serveur [pas application serveur]) n’est pas disponible et a disparu ; aucune connexion n’est valide. L’appel ne s’est pas exécuté.

merci d'avance ...

**nadox** · 24/03/2011, 01h02

Bonjour,

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
var win;
function ouvrepopup() {
	if(window[win])
	{
		window[win].focus();
	}
	else
	{
		window[win]=window.open('tests.htm','maPopup');
	}
}

EDIT: j'ai posté en même temps, c'est vrai que ça ne fonctionne pas non plus si on referme la popup...

**nadox** · 24/03/2011, 01h18

http://javascript.developpez.com/faq...re#EtatFenetre

Bon ce code doit marcher (testé sur ie8 et chrome) :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
var win;
function ouvrepopup() {
	if(window[win] && window[win].closed == false)
	{
		window[win].focus();
	}
	else
	{
		window[win]=window.open('tests.htm','maPopup');
	}
}

**vermine** · 24/03/2011, 08h01

Si vous déclarez la variable globale en dehors de la fonction :

Code :

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

var win;

Ne la redéclarez pas dans la fonction :

Code :

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

1
2
3
4
5
6
 
window[win]=
 
// devient
 
win=

Instruction qui était erronée dans mon exemple. Ca devait être :

Code :

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

window["win"]=

**nadox** · 24/03/2011, 09h14

Oui Vermine ! Je ne sais pas trop pourquoi j'ai utilisé cette erreur comme exemple

Voici un code un peu plus propre, qui fonctionne, et qui permet de gérer plusieurs popup...

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
 
<html>
<head>
<script type="text/javascript">
var wins = [];
function ouvrepopup(url,ident) {
	if(wins[ident] && wins[ident].closed == false)
	{
		wins[ident].focus();
	}
	else
	{
		wins[ident] = window.open(url,ident, config='height=100, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no');
	}
}
</script>
</head>
<body>
<input type="button" onclick="ouvrepopup('popup.htm','maPopup1');" value="ouvrir popup1">
<input type="button" onclick="ouvrepopup('popup.htm','maPopup2');" value="ouvrir popup2">
</body>
</html>

**Billy KiT** · 24/03/2011, 10h43

Merci nadox,

nickel chrome ! (heu ... avec FF aussi

)

**javatwister** · 24/03/2011, 12h24

j'aurais même dit:

Code :

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

1
2
3
4
5
6
7
8
9
10
var win;
 
function ouvre(){
	if(!win || win.closed){
		win=window.open("test.htm","page1","")
	}
	else {
		win.focus()
	}
}

**metabaron81** · 24/03/2011, 13h00

Alors j'ai mis le code que vous m'avez dit, mais j'ai toujours le même problème, les fenêtres s'ouvrent à chaque fois dans une autre fenêtre, ma fenêtre popup ne s'ouvre pas dans l'unique fenêtre comme avant

**metabaron81** · 24/03/2011, 13h10

Et voila les deux fichiers, le premier et le principale, et le fichier popup. Vous pouvez essayer sur IE ca ne marche pas. J'ai peut être mal mis le code. Mais avant j'avais bien ma fenêtre popup qui s'ouvrait dans une fenêtre indépendante, et qui se remettait en avant lorsqu'on clique sur le lien pour y accéder. Je voulais seulement que le popup ne soit pas actualisé lorsqu'on clique sur le lien de la page principale.
Fichier principale.

Code html :

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
<html>
<head>
<script type="text/javascript">
var win;
function ouvrepopup() {
        if(window[win] && window[win].closed == false)
        {
                window[win].focus();
        }
        else
        {
                window[win]=window.open('tests.htm','maPopup');
        }
}
 
 </script>
 </head>
 <body>
<a href="popup.html" onclick="return ouvrepopup();">texte du lien</a>
</body>
</html>

Fichier popup:

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<HTML>
<SCRIPT>
function f_load() {
  window.focus();
}
</SCRIPT>
<BODY onLoad="javascript:f_load()">
<p align="center"><a href="mere.html" target="_blank">Cliquez ici pour écrire votre compte rendu</a></p>
<p>
 <textarea name="champs de texte" id="champs de texte" cols="35" rows="20"></textarea>
</p>
</BODY>
</HTML>

**metabaron81** · 24/03/2011, 15h01

Bien évidemment j'ai remplacé test.htm par popup.htm

**nadox** · 24/03/2011, 15h18

Puisque tu ne semble pas vraiment comprendre les différents code qu'on a mis, pour ton cas ce code doit faire l'affaire... :

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
 
<html>
<head>
<script type="text/javascript">
var win;
function ouvrepopup(){
	if(!win || win.closed){
		win=window.open("popup.html","page1","titlebar=no");
	}
	else {
		win.focus();
	}
	return false;
}
 </script>
 </head>
 <body>
<a href="popup.html" onclick="return ouvrepopup();">texte du lien</a>
</body>
</html>

Ne pas rafraîchir une page

JavaScript

Discussions similaires

Partager

Partager