Discussion :

[Marc31]

Bonjour à tous,

J'aimerais savoir si c'est possible d'améliorer l'infobulle qu'il y a dans la balise area?
<area Href="" title="">

Merci et Bonne journée.

[Darkauron]

Bonjour,

Si je te répond "Oui", ça te va ?

Un peu plus de détails sur ta demande stp ? Tu veux améliorer quoi ? L'aspect ? Quel est le but de l'amélioration ?

Darkauron

[Marc31]

Alors oui désolé, je souhaite améliorer l'aspect esthétique et le texte à l'intérieur...
En fait je fais une carto qui affiche des infobulles lorsque la souris passe sur un départements.
L'infobulle est reliée à la base de données et il y a des informations sur le département.

[Darkauron]

L'affichage de ton infos bulle se fait côté client, il s'agit donc de JavaScript et non de PHP.

Je pense que tu peux trouver des bibliothèques de gestion d'infos bulle sur Internet.

Darkauron

[Bovino]

En PHP, c'est pas vraiment possible... à moins bien sûr que tu ne veuilles que l'infobulle s'affiche sur le moniteur du datacenter de ton hébergeur !
PHP sert uniquement à générer le code HTML (+CSS et JavaScript si besoin) qui sera envoyé à ton navigateur.
L'affichage n'est donc en rien du ressort de PHP, mais du ressort de HTML / CSS / JavaScript au niveau du navigateur.

Ensuite, pour l'amélioration des infobulles (ou tooltips), il existe des milliers de scripts accessibles depuis une recherche basique.

[Celira]

A titre d'exemple : les Tooltips Bootstrap et les Tooltips jQuery UI
Et deux tutos DVP pour les faire avec tes petites mimines : Créer des infobulles CSS et JavaScript simplement avec jQuery et Des infobulles en CSS3

Bon courage !

[Marc31]

Merci pour vos réponses mais comment dois je faire pour les bibliotheques?

[Marc31]

Voici ma ligne serait-il possible d'avoir un petit exemple pour améliorer mon infobulle, s'il vous plaît?

Code php :

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

<area href="<?php echo $url; ?>" title="<?php echo $dep.' ('.$dep.') ' ;?> - Site : <?php echo $site; ?> - Population : <?php echo $info; ?>" onmouseover="swapPic(this,<?php echo $d;?>)" shape="polygon" coords="<?php echo $geom;?>">