Infobulles dans une map ?
Laesia
Messages postés
7
Statut
Membre
-
Laesia Messages postés 7 Statut Membre -
Laesia Messages postés 7 Statut Membre -
Bonjour à tous !
Après diverses recherches sur Google, j'ai réussi à trouver comment mettre des infobulles pour un texte, pour une image... Mais impossible de trouver comme faire pour une map !
J'aimerais, selon les zones survolées (AREA) par l'utilisateur dans une map (<MAP NAME="map"><AREA SHAPE="" COORDS="" HREF=""></MAP><IMG class="" SRC="" USEMAP="map">), que des infobulles (texte) apparaissent (j'avais mis à la base de simples "Title" mais étant donné que j'aimerais les personnaliser et enlever le temps d'attente...).
J'ai tenté de placer des "<span>" pour essayer d'utiliser la méthode qui permet d'en mettre pour des images mais en vain.
Pourriez-vous m'aider ?
Merci d'avance.
Après diverses recherches sur Google, j'ai réussi à trouver comment mettre des infobulles pour un texte, pour une image... Mais impossible de trouver comme faire pour une map !
J'aimerais, selon les zones survolées (AREA) par l'utilisateur dans une map (<MAP NAME="map"><AREA SHAPE="" COORDS="" HREF=""></MAP><IMG class="" SRC="" USEMAP="map">), que des infobulles (texte) apparaissent (j'avais mis à la base de simples "Title" mais étant donné que j'aimerais les personnaliser et enlever le temps d'attente...).
J'ai tenté de placer des "<span>" pour essayer d'utiliser la méthode qui permet d'en mettre pour des images mais en vain.
Pourriez-vous m'aider ?
Merci d'avance.
A voir également:
- Infobulles dans une map ?
- Google map satellite gratuit - Guide
- Google map ma position - Guide
- Telecharger carte google map - Guide
- Itinéraire google map entre deux adresses - Guide
- Historique trajet google map - Guide
Comme je disais pas d'aide en MP donc voici la reponse du comment faire fonctionner tiptip.js
ne pas oublier d'integrer la bibliothèque jquery (par exemple jquery 1.8.2 min.js suffit) dans la balise <head>
<script src="http://code.jquery.com/jquery-1.8.2.min.js></script>
et mettre cette class a tes liens :
class="someClass" href="page.php" title="le tooltip"
appeler le js et le css comme ca
<script src="chemin/jquery.tipTip.js"></script>
<link rel="stylesheet" href="chemin/tipTip.css" type="text/css">
et tu met en forme le tooltip avec Tiptip.css et Tiptip.js les explications de configurations sont sur cette page
http://code.drewwilson.com/entry/tiptip-jquery-plugin
(paragraphe configuration)
ne pas oublier de mettre dans le <head> afin d'appeler la fonction DOM dans la page ce script:
<script>
$(function(){
$(".someClass").tipTip();
});
</script>
voila