Mettre une fenêtre popup au premier plan quand on clique sur le lien

Version imprimable

17/03/2011, 15h27
metabaron81

Mettre une fenêtre popup au premier plan quand on clique sur le lien

Bonjour,

Voilà j'ai crée une fenêtre popup à partir d'une page web, quand on clique sur le lien la fenêtre popup apparaît, puis j'ai mis un autre lien en target=_blank sur la fenêtre popup pour revenir sur la page du site (car je ne voulais pas que la fenêtre s'ouvre dans la page popup), tout fonctionne le problème c'est que lorsque je clique de nouveau sur le lien de la fenêtre pour accéder au popup, celui-ci ne se met plus au premier plan, le principe pour le faire imagé, l'effet devrait être comme lorsqu'on fait alt+tab pour switcher d'une page à l'autre sauf que là il y en a une qui veut plus se mettre au premier plan. Aidez moi s'il vous plait :)
17/03/2011, 16h00
FaridM

Un peu de code pourrai aider à résoudre le problème je pense.
17/03/2011, 16h01
metabaron81

:) oui mais quel code en HTML??
17/03/2011, 17h11
metabaron81

J'ai vu qu'il y a une commande en windows focus pour mettre la fenêtre au premier plan mais je ne sais pas comment l'insérer
23/03/2011, 11h46
Vil'Coyote

idem que Farid63, un peu de code ça aiderais.
24/03/2011, 17h29
marcha

Donne le focus à la popup, ainsi si elle est déjà ouverte
elle passera devant:

Code:

window.open(....).focus();

Têtu le bougre ! :lol:
Deux post !

Bon je pense que cette fois-ci ça devrait le faire ? :aie:

mere.html

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
 
<html>
<head>
<script type="text/javascript">
var isMother = true; // permet de tester à partir de la popup qu'il s'agit bien de la page mere.
 
var win; // sert à garder une référence sur la popup.
 
/**
 * Donne le focus à la page lors de son ouverture.
 * (utile si la page est réouverte à partir de la popup.)
 */
function windowLoading() {
  window.focus();
}
/**
 * Ouvre la popup ou lui donne le focus si elle déjà ouverte.
 */
function openPopup()
{
	if (window.opener && window.opener.isPopup)
	{
		window.opener.focus();
	}
	else if(!win || win.closed){
		win=window.open("popup.html","mapopup","");
	}
	else {
		win.focus();
	}
	return false;
}
</script>
</head>
<body onload="windowLoading();">
	<a href="popup.html" target="_blank" onclick="return openPopup();">texte du lien</a>
</body>
</html>

popup.html

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
40
41
42
43
 
<html>
<head>
<script type="text/javascript">
var isPopup = true; //permet de tester à partir de la page mere qu'il s'agit bien de la popup.
 
var mere; // sert à garder une référence sur la page mere.
 
/**
 * Donne le focus à la popup lors de son ouverture.
 */
function windowLoading() {
  window.focus();
}
 
/**
 * Rouvre la page mere ou lui donne le focus si elle déjà ouverte.
 */
function openMother()
{
	if (window.opener && window.opener.isMother)
	{
		window.opener.focus();
	}
	else if (!mere || mere.closed)
	{
		mere = window.open("mere.html","mere","");
	}
	else if (mere)
	{
		mere.focus();
	}
	return false;
}
</script>
</head>
<body onload="windowLoading();">
<p align="center"><a href="mere.html" target="_blank" onclick="return openMother();">Cliquez ici pour &eacute;crire votre compte rendu</a></p>
<p>
	<textarea name="champs_de_texte" id="champs_de_texte" cols="35" rows="20"></textarea>
</p>
</body>
</html>

28/03/2011, 16h09
metabaron81

Magnifiqueeeeeeeeeeee ca marche :) merci beaucoup beaucoup, mais un seul hic :) ahahah il en faut toujours un, j'ai intégré le code à ma page mais à la place des accents je n'ai plus que des carrés.
28/03/2011, 16h37
metabaron81

Re j'ai trouvé j'ai rajouté <meta http-equiv= "content-type" content= "text/html; charset=iso-8859-1" > pour avoir les accents en javascript.
Juste une petite question pour la fenêtre popup pour l'avoir en taille normal je mets quoi, j'ai essayé fullscreen mais ca me l'affiche en plein écran et pas en fenêtre web.

Et voila un petit code qui permet de le faire :)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
window.moveTo(0,0);
if (document.getElementById || document.all) 
  {
  window.resizeTo(screen.availWidth, screen.availHeight);
  }
else if (document.layers) 
  {
  if (window.outerHeight<screen.availHeight || window.outerWidth<screen.availWidth)
    {
    window.outerHeight = screen.availHeight;
    window.outerWidth = screen.availWidth;
    }
  }