Activer un onglet

Version imprimable

Activer un onglet

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:

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:

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:

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

23/10/2014, 10h33
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 ? :D

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

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:

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:

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

23/10/2014, 14h17
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:

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

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

exemple
page 1

Code:

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:

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

24/10/2014, 17h28
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.
24/10/2014, 19h17
sekaijin
tu n'as pas compris mon deuxième script

dans n'importe quelle page si tu fais

Code:

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:

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:

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
03/11/2014, 10h53
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 :D

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

Merci !