Popups capricieuses avec Firefox (bis)

**Zébulon-21** · 31/05/2010, 21h42

Les popups de cette page sont à base de popups Framedcloud

L'affichage convient tout à fait sous IE8.

Par contre avec Firefox le pointeur n'est pas réactif sur le tracé, donc pas de popup malgré l'association d’un select au deux couches KML.

Une idée ou une solution ?

**mga_geo** · 01/06/2010, 09h11

Sous XP/FF 3.0.19, le clavier ne permet plus de se déplacer/zoomer même après un clic sur la carte dès que l'on a ouvert un popup.

**Zébulon-21** · 01/06/2010, 12h22

Envoyé par mga_geo

Sous XP/FF 3.0.19, le clavier ne permet plus de se déplacer/zoomer même après un clic sur la carte dès que l'on a ouvert un popup.

Bien vu mga_geo. Même résultat que toi avec la dernière version FF 3.6.3 sous XP.

C'est le même problème qu'on avait déja abordé dans cette discussion , concernant l'intégration dans un CMS ; resté sans suite malgré la solution avancée qui dépasse mes compétences :

Envoyé par dgrichard

Il faut que la carte obtienne le focus (si les souvenirs du code sont bons) pour que les raccourcis clavier fonctionnent : le contrôleur KeyBoard fonctionne en interceptant les évènements clavier sur la div associée à la carte, il faut donc qu'elle soit "active" au sens d'OpenLayers (toujours de mémoire).

Pour en revenir à l'absence de popup sous FF (encore lui), sur le tracé KML, voici en cas de besoin la page HTML sortie de l'environnement CMS.
Des fois que l'on puisse me dépatouiller ?

**Zébulon-21** · 02/06/2010, 21h10

Envoyé par mga_geo

Sous XP/FF 3.0.19, le clavier ne permet plus de se déplacer/zoomer même après un clic sur la carte dès que l'on a ouvert un popup.

Après re-vérification, tu as triplement raison mga_geo (hélas) car, dans le cas présent, le problème subsiste, sous FF bien entendu, même en dehors de l'environnement d'un CMS.

**Zébulon-21** · 03/06/2010, 14h06

J'ai un peu avancé sur le sujet.

Les touches du clavier redeviennent fonctionnelles si l'on neutralise le style Framedcloud avec ce bout de code [ formatOptions:{}}, ] pour chaque couche :

minZoomLevel: 1,
maxZoomLevel: 20,
},
//____________Pas de popup Framedcloud pour le tracé
{
formatOptions:{
}},

Résultat sur cette page.

Dans un CMS, avec ce même bout de code, il faut cliquer sur la carte de cette page pour récupèrer les fonctions de navigation au clavier.

Pour résumer, on a bien les fonctions de navigation du clavier mais on perd le style Framedcloud !

Et au final, il manque encore le truc permettant d'associer le trio infernal :
FIREFOX + Framedcloud + deux couches KML

**mga_geo** · 04/06/2010, 20h16

http://atlasnw.free.fr/geoportail/ex...l_survol4.html est une nouvelle tentative sur 2 kml avec du OpenLayers.Popup.FramedCloud.

**dgrichard** · 06/06/2010, 16h27

Envoyé par Zébulon-21

J'ai un peu avancé sur le sujet.

Les touches du clavier redeviennent fonctionnelles si l'on neutralise le style Framedcloud avec ce bout de code [ formatOptions:{}}, ] pour chaque couche :

J'y crois pas vraiment ...

Envoyé par Zébulon-21

Dans un CMS, avec ce même bout de code, il faut cliquer sur la carte de cette page pour récupèrer les fonctions de navigation au clavier.

C'est normal, la page doit obtenir le focus pour qu'OpenLayers associe les keyup/keydown au clavier.

Envoyé par Zébulon-21

Pour résumer, on a bien les fonctions de navigation du clavier mais on perd le style Framedcloud !

Comme indiqué précédemment, c'est sûrement lié à autre chose. Après la fermeture de la framedcloud, le contrôleur KeyboardDefault est toujours actif ... mais l'erreur suivante est levée :

Code :

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

1
2
Operation is not supported"  code: "9

Il faudrait que tu inclues les APIs non compressées (celles issues du téléchargement des sources) pour pouvoir avoir une meilleure idée du pouquoi.

Envoyé par Zébulon-21

Et au final, il manque encore le truc permettant d'associer le trio infernal :
FIREFOX + Framedcloud + deux couches KML

Sur le 2 couches, je rappelle « contrôleur de sélection multi-couches » est la seule voie de sortie sous FF ...

**Zébulon-21** · 06/06/2010, 19h51

Les touches du clavier redeviennent fonctionnelles sous FF si l'on neutralise le style Framedcloud avec ce bout de code [ formatOptions:{}}, ] pour chaque couche

Envoyé par dgrichard

J'y crois pas vraiment ...

Ici les touches sont fonctionnelles sous FF avec [ formatOptions:{}}, ]

Ici les touches ne sont plus fonctionnelles sans [ formatOptions:{}}, ]

Autre phénomène que j'ai relevé (uniquement sous FF) :
- Sans la formule "magique", la popup du centre de la carte n'est visible qu'en la sélectionnant en 1er, avant les autres marqueurs. Elle n'est jamais visible si on la sélectionne en second.

Ce phénomène est lié au style Framedcloud (et au mode standard) qui n'accepte les contenus longs que sous certaines conditions. Le problème disparait avec un texte court comme ici, ou avec le mode "étendu".

**Zébulon-21** · 06/06/2010, 20h02

il faut cliquer sur la carte pour récupèrer les fonctions de navigation au clavier.

Envoyé par dgrichard

C'est normal, la page doit obtenir le focus pour qu'OpenLayers associe les keyup/keydown au clavier.

Mais ce code pour "obtenir le focus" est-il à inclure dans la page HTML associée à l'API, auquel cas existe-t-il un exemple ?

Dans le cas contraire faut-il rechercher la solution dans le code du CMS ?

**Zébulon-21** · 06/06/2010, 20h09

Envoyé par dgrichard

Code :

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

1
2
Operation is not supported"  code: "9

Il faudrait que tu inclues les APIs non compressées (celles issues du téléchargement des sources) pour pouvoir avoir une meilleure idée du pouquoi.

A ton entière disposition pour obtenir de l'aide mais ma culture sur les APIs étant très modeste...

que faut-il faire exactement ?

**Zébulon-21** · 06/06/2010, 22h07

Envoyé par dgrichard

Sur le 2 couches, je rappelle « contrôleur de sélection multi-couches » est la seule voie de sortie sous FF ...

J'ai essayé de le faire dans les exemples cités mais sans y parvenir.

Envoyé par mga_geo

http://atlasnw.free.fr/geoportail/ex...l_survol4.html est une nouvelle tentative sur 2 kml avec du OpenLayers.Popup.FramedCloud.

La solution vient de mga_geo

mais si l'on s'en tient au mode standard, on perd sous FF la navigation avec les touches du clavier après avoir cliqué sur un marqueur.

Toujours sous FF, la popup du centre de la carte n'est visible qu'en la sélectionnant avant les autres marqueurs (problème lié à la longueur du texte).

En revanche, avec le mode étendu tout va bien.

N'est-il pas possible d'éviter le recours au mode étendu ?

Un autre petit détail : L'ouverture des popups ne se fait qu'au survol, hover à "false" est sans effet.

**mga_geo** · 06/06/2010, 22h47

Lorsque je déplace un peu la carte (glisser/déplacer), toutes les popups s'ouvrent. Alors que j'ai bien le même défaut sous FF3.

**dgrichard** · 07/06/2010, 00h25

Envoyé par Zébulon-21

N'est-il pas possible d'éviter le recours au mode étendu ?

Il faudrait d'abord trouver pourquoi ... après on verra

**Zébulon-21** · 07/06/2010, 17h22

Envoyé par dgrichard

Il faudrait d'abord trouver pourquoi ... après on verra

Attends-tu quelque chose de moi ?
car ne vois pas la manip pour "fournir des APIs non compressées"

**dgrichard** · 09/06/2010, 13h59

Envoyé par Zébulon-21

Attends-tu quelque chose de moi ?
car ne vois pas la manip pour "fournir des APIs non compressées"

Il faut t'appuyer sur cet exemple !

Tu dois mettre sur ton serveur (local ou pas) une arborescence avec les sources non compressée, non assemblée de l'API :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
+ 1.0/
    + lib/
        + geoportal/
            + lib/
            + theme/
        + openlayers/
            + lib/
            + theme/
         + proj4js/
            + lib/

Les répertoires lib/ et theme/ sont dans le téléchargement de l'API !

Après, il faut utiliser le débogguer pas-à-pas ...

**Zébulon-21** · 10/06/2010, 00h20

Voici une botte secrète pour solutionner le problème.

On retrouve toutes les fonctions du clavier en s'inspirant de l'astuce signalée dans cette discussion, mais en remplaçant « Geoportal.js » par « GeoportalExtended.js ».

La popup du centre est également fonctionnelle.

Donc, tout fonctionne normalement sous FF 3.6.3 avec ce code :

Démonstration sur cette page.

**Zébulon-21** · 10/06/2010, 00h53

Envoyé par dgrichard

C'est normal, la page doit obtenir le focus pour qu'OpenLayers associe les keyup/keydown au clavier.

Je relance à propos du "focus" permettant la navigation au clavier dans un CMS.

Ce code pour "obtenir le focus" est-il à inclure dans la page HTML associée à l'API, et le cas échéant aurais-tu un exemple ?

**dgrichard** · 12/06/2010, 12h37

Envoyé par Zébulon-21

Ce code pour "obtenir le focus" est-il à inclure dans la page HTML associée à l'API, et le cas échéant aurais-tu un exemple ?

Habituellement en Javascript, on fait :

Code :

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

1
2
domElement.focus();

pour donner le focus à l'élément domElement.

Il faudrait donc regarder si cela fonctionne sur la div de la carte ...
Sinon, un bête clic souris dans la page suffit

Popups capricieuses avec Firefox (bis)

IGN API Géoportail

Discussions similaires

Partager

Partager