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 ?