Discussion :

[StringBuilder]

Bonjour,

Mon problème concerne le pestiféré Internet Explorer (version 8 qui plus est). Tout code spécifique à cette version est accepté.

Dans le cadre d'une application internet, nous avons un site web qui aime bien ouvrir une popup par fonction.
Nous avons forcé IE à ouvrir les popup dans des onglets, histoire que ce soit moins le bordel.

En raison de problèmes de contextes et de lisibilité, on m'a demandé de "fusionner" deux onglets. C'est à dire que lorsqu'on lance la fonction A ou la fonction B, on arrive dans le même onglet.

Pas de souci, ça se fait en indiquant le même nom à window.open

Seulement, si un onglet du même nom existe déjà, au lieu de prendre le focus comme lors de la création d'un nouvel onglet, il se contente de clignoter bêtement.

Pire, vu que les utilisateurs aiment bien avoir plusieurs fenêtres en plus des onglets, il suffit que l'onglet soit dans une autre fenêtre que la fenêtre active, et l'utilisateur passe 10 minutes à cliquer sur son lien, puis à appeler l'équipe système, avant qu'on lui explique gentilement de faire alt+tab...

Bref, pas très ergonomique.

Comment faire, si window.open se contente de remplacer le contenu d'un onglet actif, pour que ce dernier prenne le focus ?

J'ai essayé sans succès :

Code javascript :

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

1
2
var handle = window.open("http://www.google.com", "test");
handle.focus();

Ainsi que l'option "alwaysRaised", sans plus de succès...

Le code pour être exact :

Code javascript :

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
 
function openFullscreenfocus(page, target)
{
	if (target)
	{
		dest = target;
	}
	else
	{
		dest = '_blank';
	}
 
	var options = 'location=no, toolbar=no, directories=no, status=yes, menubar=no, scrollbars=yes, resizable=yes, alwaysRaised=yes';
	var t = window.open(encodeURI(page), dest, options);
	t.moveTo(0, 0);
	t.resizeTo(screen.availWidth, screen.availHeight);
	t.focus();
}

Et je l'appelle de la sorte :

Code :

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

1
2
 
openFullscreenfocus("?sourceview=I_PER" + typtie + "_E_F&cinematic=forward(0)&chp:Sigtie=" + sigtie + "&chp:Nomtie="+nomtie+"&chp:Typtie=" + typtie + "&entity=" + entity, "Tiers");

PS : Pas taper pour le code hein... Il s'agit de faire des adaptations dans un ERP, c'est pas moi qui ai écrit le bousin, et je risque pas de me coltiner les 400 Mo de code pour tout passer en CSS3 :o

[StringBuilder]

Vu qu'à la création de l'onglet, j'ai bien le focus, une autre alternative, ce serait de parcourir la liste des onglets ouverts, et de fermer celui qui a le même nom, s'il existe...

Mais je fais comment pour parcourir les onglets ouverts ?

Autant je peux conserver un handle dans l'onglet ouvrant, autant... si l'onglet à été ouvert à partir d'une autre page, j'ai pas le handle...

[sekaijin]

non
tu ne peux pas fermer les onglet ouverts.

par contre si tu as déjà ouvert l'onglet tu dois avoir une référence dessus et donc tu peux le fermer
la première fois

Code :

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

1
2
3
4
var handle = window.open("http://www.google.com", "test");
if (handle) {//obligatoire la fenêtre n'a peut être pas été créé (popup interdit par le navigateur par exemple)
   ...
}

plus tard dans le code

Code :

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

1
2
3
4
5
6
if (handle) {
   handle.close();
}handle = window.open("http://www.google.com", "test");
if (handle) {//obligatoire la fenêtre n'a peut être pas été créé (popup interdit par le navigateur par exemple)
   ...
}

A+JYT

[StringBuilder]

Le souci, comme je disais, c'est que la popup (enfin, l'onglet) a pu être ouvert par une autre page, fermée depuis.

Donc je n'ai pas de copie locale du handle sur l'onglet pour pouvoir le fermer : il faudrait déjà que je puisse le rechercher avec un code du genre :

Code javascript :

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

1
2
3
4
5
6
7
8
9
 
for (w in window.list)
{
  if (w.name == "test")
  {
     w.close();
     break;
  }
}

[sekaijin]

tu peux récupérer le handler sur la fenêtre avant de la fermer

exemple
page 1

Code :

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

1
2
3
4
var handle = window.open("http://www.google.com", "test");
if (handle) {//obligatoire la fenêtre n'a peut être pas été créé (popup interdit par le navigateur par exemple)
   ...
}

changement de page
page 2

Code :

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

1
2
3
4
5
6
7
8
9
var handle = window.open("about:blank", "test");
if (handle) {// on vérifie qu'on a bien récupéré le handler pour fermer la fenêtre
   //si c'est le cas on peux la fermer.
   handle.close();
}
handle = window.open("http://www.google.com", "test");
if (handle) {//obligatoire la fenêtre n'a peut être pas été créé (popup interdit par le navigateur par exemple)
   ...
}

A+JYT

[StringBuilder]

Non, c'est pas ça.

J'ai une page d'accueil qui permet d'ouvrir le portail des achats, de vente, des tiers, etc.

Chaque "portail" s'ouvre dans un onglet.

Donc si j'ouvre, depuis la page d'accueil le portail des achats, il s'ouvre dans un onglet.
Si j'ouvre, depuis la page d'accueil le portail des ventes, il s'ouvre dans un nouvel onglet.

Maintenant, j'ouvre, depuis le portail des achat, une commande d'achat => Encore un nouvel onglet.
Je ferme la page d'accueil et le portail des achats.

Il me reste donc :
- l'onglet du portail des ventes, qui ne peut posséder aucun handle vers personne puisqu'il n'a rien ouvert. Il est orphelin.
- l'onglet de la commande d'achat, qui ne possède non plus aucun handle et est aussi orphelin.

Maintenant, j'ouvre une commande de vente, depuis le portail de vente.
Je veux que cette commande de vente s'ouvre à la place de la commande d'achat qui est déjà ouverte.

Donc, en collant en target le nom "commande" par exemple, j'ai aucun souci, ça remplace bien mon onglet.
Sauf qu'il ne récupère pas le focus.

Donc soit :
- je trouve un moyen de lui donner le focus (y compris avec du code spécifique IE 8, même déprécié)
- je trouve un moyen de fermer mon onglet "commande", juste en connaissant son nom, sans aucun handle à disposition, toujours y compris avec du code spécifique IE 8 si nécessaire

Mais je n'ai AUCUN moyen de me trimbaler les handles d'une fenêtre à l'autre : cela nécessiterait des traitements particulièrement complexes pour maintenir à jour la liste sur chaque onglet, et je ne peux pas me permettre d'adapter des centaines de Mo de code JS/HTML d'autant qu'une grande partie est standard (tel que livré par l'éditeur), et que je ne dois donc pas le modifier.

[sekaijin]

tu n'as pas compris mon deuxième script

dans n'importe quelle page si tu fais

Code :

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

var handle = window.open("about:blank", "test");

tu récupère un handle sur l'onglet 'test" si cet onglet à été ouvert par une autre page disparu ou encore vivante ne change rien à la donne tu récupère un handler sur l'onglet. si l'onglet n'existait pas il est créé.

donc à moins que le navigateur interdise les fenêtres filles et onglet fils tu vas récupérer un handler dessus.

vu que tu as un handler tu peux fermer l'onglet

Code :

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

1
2
3
4
if (handle) {// on vérifie qu'on a bien récupéré le handler pour fermer la fenêtre
   //si c'est le cas on peux la fermer.
   handle.close();
}

maintenant que tu à fermé l'onglet tu peux le recréer

Code :

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

1
2
3
4
handle = window.open("http://www.google.com", "test");
if (handle) {//obligatoire la fenêtre n'a peut être pas été créé (popup interdit par le navigateur par exemple)
   ...
}

A+JYT

[StringBuilder]

Oups.

Désolé pour le délai, j'étais passé à autre chose et j'avais pas vu la réponse.

La solution est on ne peut plus crade, mais elle me plaît bien

-- Edit : Et elle marche Bon, ça fait clignoter un peu, mais tant pis...

Merci !