Infobulles dans une map ?
Laesia
Messages postés
6
Date d'inscription
Statut
Membre
Dernière intervention
-
Laesia Messages postés 6 Date d'inscription Statut Membre Dernière intervention -
Laesia Messages postés 6 Date d'inscription Statut Membre Dernière intervention -
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
- Telecharger carte google map - Guide
- Google map ma position - 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