Mettre une fenêtre popup au premier plan quand on clique sur le lien [Résolu]

metabaron81 · 17/03/2011, 15h27

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

Farid63 · 17/03/2011, 16h00

Un peu de code pourrai aider à résoudre le problème je pense.

metabaron81 · 17/03/2011, 16h01

oui mais quel code en HTML??

metabaron81 · 17/03/2011, 17h11

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

Vil'Coyote · 23/03/2011, 11h46

idem que Farid63, un peu de code ça aiderais.

marcha · 24/03/2011, 17h29

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

Code :

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

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

nadox · 24/03/2011, 20h04

Têtu le bougre !

Deux post !

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

mere.html

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

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

metabaron81 · 28/03/2011, 16h09

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.

metabaron81 · 28/03/2011, 16h37

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.

metabaron81 · 28/03/2011, 16h58

Et voila un petit code qui permet de le faire

Code :

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

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

17/03/2011, 15h27	#1
metabaron81 Invité de passage Inscription : mars 2011 Messages : 23 Détails du profil Informations forums : Inscription : mars 2011 Messages : 23 Points : 1 Points : 1	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
	00

24/03/2011, 17h29	#6
marcha Rédacteur/Modérateur Marc Chappuis Développeur Web Inscription : décembre 2003 Messages : 1 535 Détails du profil Informations personnelles : Nom : Marc Chappuis Âge : 41 Localisation : Suisse Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : décembre 2003 Messages : 1 535 Points : 2 206 Points : 2 206	Donne le focus à la popup, ainsi si elle est déjà ouverte elle passera devant: Code : Sélectionner tout - Visualiser dans une fenêtre à part window.open(....).focus(); __________________ Si ton code fait plus d'une ligne, c'est que tu as mal choisi ton langage !
	00

17/03/2011, 16h00	#2
Farid63 Membre chevronné Farid Inscription : janvier 2008 Messages : 368 Détails du profil Informations personnelles : Nom : Farid Âge : 26 Localisation : France, Puy de Dôme (Auvergne) Informations forums : Inscription : janvier 2008 Messages : 368 Points : 684 Points : 684	Un peu de code pourrai aider à résoudre le problème je pense.
	00

17/03/2011, 16h01	#3
metabaron81 Invité de passage Inscription : mars 2011 Messages : 23 Détails du profil Informations forums : Inscription : mars 2011 Messages : 23 Points : 1 Points : 1	oui mais quel code en HTML??
	00

17/03/2011, 17h11	#4
metabaron81 Invité de passage Inscription : mars 2011 Messages : 23 Détails du profil Informations forums : Inscription : mars 2011 Messages : 23 Points : 1 Points : 1	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
	00

23/03/2011, 11h46	#5
Vil'Coyote Modérateur Développeur Web Inscription : février 2008 Messages : 3 302 Détails du profil Informations personnelles : Âge : 31 Localisation : France, Marne (Champagne Ardenne) Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : février 2008 Messages : 3 302 Points : 4 480 Points : 4 480	idem que Farid63, un peu de code ça aiderais.
	00

28/03/2011, 16h09	#8
metabaron81 Invité de passage Inscription : mars 2011 Messages : 23 Détails du profil Informations forums : Inscription : mars 2011 Messages : 23 Points : 1 Points : 1	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.
	00

28/03/2011, 16h37	#9
metabaron81 Invité de passage Inscription : mars 2011 Messages : 23 Détails du profil Informations forums : Inscription : mars 2011 Messages : 23 Points : 1 Points : 1	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.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email