Ne pas rafraîchir une page

Version imprimable

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:

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:

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>

19/03/2011, 20h37
bob633

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 ...
20/03/2011, 08h50
vermine

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.
20/03/2011, 11h11
Bovino

Le mieux est de tester si la popup existe lors du clic.
Si elle existe, lui donner le focus, sinon l'ouvrir.
22/03/2011, 15h06
metabaron81

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
22/03/2011, 18h30
vermine

Mettez en place ce conseil-ci :

Citation:

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.
23/03/2011, 14h30
metabaron81

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
23/03/2011, 14h43
vermine
Oui c'est parce que vous appelez toujours cette instruction-ci :
Code:

1 2 win=window.open('popup.html','maPopup');
La proposition de Bovino est de mettre un if autour de l'instruction :
Code:

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

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:

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>

24/03/2011, 00h52
Billy KiT

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:

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:

if(win.top)

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

Code:

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

Bonjour,
Code:

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

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

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

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'); } }

24/03/2011, 08h01
vermine
Si vous déclarez la variable globale en dehors de la fonction :

Code:

var win;

Ne la redéclarez pas dans la fonction :
Code:

1 2 3 4 5 6 window[win]= // devient win=
Instruction qui était erronée dans mon exemple. Ca devait être :

Code:

window["win"]=

:aie:

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

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

Code:

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>

24/03/2011, 10h43
Billy KiT

Merci nadox, :ccool: nickel chrome ! (heu ... avec FF aussi :mouarf:)

j'aurais même dit:

Code:

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()
	}
}

24/03/2011, 13h00
metabaron81

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

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:

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:

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>

24/03/2011, 15h01
metabaron81

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

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:

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>

24/03/2011, 15h26
Billy KiT

peut même enlever le lien qui ne sera jamais atteint

Code:

<a href="#" onclick="return ouvrepopup();">texte du lien</a>
24/03/2011, 15h32
metabaron81

Oh merci beaucoup, oui comme tu as pu le voir je suis vraiment débutant, en tout cas merci beaucoup de ton aide, cela marche super bien le seul petit hic :), c'est que quand je suis sur la page popup et que je clique sur le lien pour revenir sur la page principale une autre fenêtre s'ouvre (ca ce n'est pas grave) mais si à ce moment là je reclique que le lien pour ouvrir le popup, ce n'est plus la première page popup qui s'ouvre mais une nouvelle fenêtre popup :( alors que je veux que cela soit toujours la même, je suis super désolé je dois être chiant :)
24/03/2011, 20h04
nadox

Billy KiT : non non je l'avais laissé pour rester "unobtrusive javascript" (si le javascript est désactivé sur le navigateur, le lien sera toujours actif...)

metabaron81 : je suis désolé d'avoir posté autant de versions différentes alors qu'en fait je n'avais pas bien saisi ta demande.
Cependant je ne crois pas qu'on fasse ici du service sur mesure ! :aie:

Comme je me suis attardé sur les tests et que j'ai à priori un exemple qui semble(cette fois) correspondre à ce que tu cherche, je te le mets dans l'autre post(qui explique plus clairement le problème...).
Mais si tu veux faire des choses personnalisés avec du javascript, il faudrait vraiment voir à lire plus de tutoriels !

N'oublie pas de mettre le tag résolu sur les deux posts si le problème est bien réglé(et je l'espère bien ! :roll:)

Citation:

Envoyé par nadox

non non je l'avais laissé pour rester "unobtrusive javascript" (si le javascript est désactivé sur le navigateur, le lien sera toujours actif...)

:roll: OK OK, alors pour aller au bout avec le javascript discret (unobtrusive javascript), il eut été encore plus convenable d'écrire :
Code:

1 2 3 4 window.onload = function() { if (document.addEventListener) document.getElementById("monA").addEventListener('click', ouvrepopup , false); else document.getElementById("monA").attachEvent('onclick' ,ouvrepopup); }
Code:

<a href="popup.html" id="monA">texte du lien</a>

Puis désactiver le javascript c'est comme enlever les pédales à un vélo !... :pan:;)

25/03/2011, 23h18
nadox

Certes ! Le terme était mal choisi !
Et puis il est vrai que même si je ne connais pas le contexte d'utilisation final, j'aurais dû me douter que le javascript serait forcément un pré-requis !

Personnellement, même si j'aime beaucoup développer avec javascript, j'apprécie surtout de naviguer sur des sites qui ont un bon contenu...

Par exemple, je désactive systématiquement flash, et le réactive seulement en cas d'un besoin précis (tests dans le cadre professionnel, deezer) !
Je pense que le javascript est plus souvent désactivé qu'on le croit...
25/03/2011, 23h35
Billy KiT

C'était pas du tout une critique, tu avais tout à fait raison :)
On voit que le javascript devient essentiel dans une page et qu'il est de plus en plus difficile de vivre sans ...
25/03/2011, 23h47
nadox

Bon, je vais pas non plus mentir, lorsque je fais du web, je trouve plus intéressant de faire du javascript que du simple contenu/mise en forme ;)