3
22 aoû 2008

- Introduction -


Pour la réalisation de la page des DCP de La Réunion j'avais besoin de pouvoir au survol de la souris d'afficher une infobulle contenant le nom de l'objet. Pour cela j'ai mis au point un petit script que je vous présenterai ci-dessous.

- Intégration du script -


Après avoir téléchargé le script des infobulles il vous suffit de l'inclure dans votre page de la manière suivante :



- Définir un style pour la barre d'outils -


Dans l'exemple qui va suivre, nous allons utiliser le script toolTips.js pour afficher le nom du pays au survol, de la souris


marker1.events.register("mouseover",{'feature': feature1,'bgColor':'blue','fontColor':'white','opacity':'0.5'}, toolTips);
marker1.events.register("mouseout", feature1, eraseToolTips);

marker1 est obtenu à partir de la méthode createMarker() de l'objet Feature. Le nom de chaque pays est en fait l'ID de l'objet feature, enfin, vous avez la possibilité de personnaliser les toolTips en modifiant les valeurs de 'bgColor','fontColor','opacity'.

L'exemple ci-dessous très simpliste présente l'utilisation de ce script:

A propos de l'auteur: 
Arnaud Vandecasteele

Fervent défenseur de l'Open Source, Arnaud s'est spécialisé dans le développement d'application cartographiques web. OpenLayers, PostGIS ou encore Django sont autant d'outils qu'il manipule au quotidien.
S'il n'est pas en face de son ordinateur, vous le retrouverez un GPS à la main en train de cartographier pour OpenStreetMap, de faire voler son drone ou sur un tatami !

Commentaires

Il n'y a pas de lien pour le script ?

Sinon, un super site ! Continuez comme ça les gars, ça m'aide beaucoup !

Bonjour et merci de m'avoir fait remarqué le lien absent.
Ce script des tooltips n'est plus d'actualité. Je vous conseille plutôt de télécharger celui-là. En plus d'être complètement orienté objet il permet une plus grande personnalisation.

Arnaud

ok merci beaucoup Arnaud

a+