Firefox: tooltip non affiché

**dgrichard** · 09/02/2010, 23h31

Je génère dans mon application des DIV en utilisant document.createElement() et j'y affecte un title et l'insère dans le DOM.

Code :

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

1
2
3
4
 
var d= document.createElement('div');
d.title= 'TOOLTIP';
...

Ce genre de code est généré après l'évènement DOMContentLoaded.

Au final: le passage de la souris sur la div (qui a une largeur, hauteur, etc ...) ne provoque pas l'affichage de TOOLTIP.

Si j'"Enregistre sous" ma page et la recharge avec Fifefox (Ouvrir fichier), les tooltips fonctionnent !

Les tooltips fonctionnent aussi sous IE6/8, Opera 10, Safari 4, Chrome 3.

Un exemple d'une telle page est là (les tooltips sont sensés s'afficher sur les icônes en haut à droite, sur les noms des couches à gauche. Il s'affiche uniquement sur l'hyperlien en bas (Conditions générales d'utilisation) !

J'ai aussi essayé ceci:

Code :

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

1
2
3
4
 
var d= document.createElement('div');
d.setAttribute('title', 'TOOLTIP');
...

sans plus de succès.

J'ai pas cherché à utiliser innerHTML (sur le parentNode de la DIV par exemple) dans le code (bien que plus rapide au chargement). Les changements seraient conséquents et surtout en collisition avec certains composants que j'utilise avec la bibliothèque OpenLayers.

Aucune piste non plus en cherchant sur le web ...

Une idée ?

**SpaceFrog** · 10/02/2010, 08h26

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
function foo(){
d=document.createElement('div')
d.title="coucou"
d.innerHTML= 'ici'
document.body.appendChild(d)
}
</script>
</head>
 
<body onload="foo()">
 
</body>

Testé sous IE 5.5, IE 6, IE 7, IE 8, FireFox, Opera, Lunascape, Chrome
Le tooltip s'affiche...

testé aussi avec height et width et sans contenu ... le tooltip s'affiche

**dgrichard** · 10/02/2010, 12h39

Je sais que ce code fonctionne, l'objet de ma question, c'est dans quels cas (connus?), il peut ne pas fonctionner ...

Dans mon cas, le code est plus « complexe » car le noeud DOM DIV peut être retiré du parentNode, puis remis dans un nouveau, voire être recréé selon les actions effectuées ...

As-tu constaté que sur l'exemple donné, les tooltips n'apparaissaient pas (... sous FF2/FF3/FF3.5) ?

**SpaceFrog** · 10/02/2010, 12h54

Désolé je n'ai pas compris ta problématique ...

dans mon application

quelle est l'application ? quel est le browser ?

la seule explication que j'y verrais serait un souci de charset de ton appli par rapport à celui de la page

**dgrichard** · 10/02/2010, 13h18

Envoyé par SpaceFrog

quelle est l'application ? quel est le browser ?

Celle pointée là (Cf. post initial).
FF 2.0/FF3.0/FF3.5 même combat. Les autres fonctionnent

Envoyé par SpaceFrog

la seule explication que j'y verrais serait un souci de charset de ton appli par rapport à celui de la page

Loupé, il y en a un qui fonctionne (pas sur une DIV, mais sur un hyperlien A)...
De plus, le charset (balise META) est indiqué dans la page et tout le code JS est en UTF-8 :

Code :

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

1
2
 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

**vermine** · 10/02/2010, 13h19

Bonjour,

Si je puis me permettre une bête remarque, j'ajoute que si il n'y a rien dans le <div></div>, donc pas même un  , certaines méthodes, certains attributs n'ont pas l'air de fonctionner. Ce n'est peut-être jamais votre cas, je n'en sais rien.

**SpaceFrog** · 10/02/2010, 13h29

le charset ne depend pas que de la balise meta ...
tu peux avoir un charset du fichier different , un header serveur different ...

**dgrichard** · 10/02/2010, 13h54

Envoyé par vermine

Si je puis me permettre une bête remarque, j'ajoute que si il n'y a rien dans le <div></div>, donc pas même un  , certaines méthodes, certains attributs n'ont pas l'air de fonctionner. Ce n'est peut-être jamais votre cas, je n'en sais rien.

Ce n'est pas le problème : que je rajoute ou pas un caractère, les tooltips ne s'affichent pas sous FF ...

Firefox: tooltip non affiché

JavaScript

Vue hybride

Discussions similaires

Partager

Partager