IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Affichage de Tooltips avec Bootstrap


Sujet :

jQuery

  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    366
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : France

    Informations forums :
    Inscription : Décembre 2007
    Messages : 366
    Points : 133
    Points
    133
    Par défaut Affichage de Tooltips avec Bootstrap
    Bonjour,

    Je ne suis pas du tout développeur (désolé, je le précise à chaque fois au début, mais c'est quand même important à savoir si vous regardez mon code source ), mais j'ai réussi à mettre en place une petite interface carto basée sur Leaflet, Bootstrap, PHP, ...

    J'utilise les Tooltips de Bootstrap pour aider les internautes dans l'utilisation de l'interface.
    Pour cela, j'avais récupéré ce bout de code que je place au début de mon script principal :

    Code JAVASCRIPT : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    // Activation des tooltips
    $(function () {
      $('[data-toggle="tooltip"]').tooltip()
    });

    Ça fonctionne globalement bien, sauf qu'après quelques interactions avec la carte, les tooltips n'apparaissent plus en mode "tooltips", mais juste en mode "title" HTML.

    Voici la page en question : http://observatoire.parc-naturel-nor....fr/bocage.php
    Pour tester :
    - charger la page
    - fermer le popup d'information
    - passer la souris sur le " ? " à côté de "Densité bocagère", dans le panneau de gauche
    >> le tooltips s'affiche bien
    - passer la souris sur une commune (ce qui met à jour le panneau avec les infos de la commune)
    - revenir sur le " ? " à côté de "Densité bocagère", dans le panneau de gauche
    >> le tooltips ne s'affiche plus bien

    Est-ce que quelqu'un pourrait m'expliquer la raison de ce problème (je ne parle pas de bug, parceque je me doute bien que c'est moi qui suis responsable ! )

    Merci à vous pour vos conseils !

    (et oui, je sais, je dois reformater intégralement mon code source avec une meilleure indentation !!!! Pas encore eu le temps, mais c'est dans ma "to do list" !!!!)

  2. #2
    Expert confirmé Avatar de Toufik83
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2012
    Messages
    2 451
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Janvier 2012
    Messages : 2 451
    Points : 4 975
    Points
    4 975
    Par défaut
    d'après ce que je constate, il y a une fonction qui s'appelle info.update qui s'occupe de la mise à jour.
    donc si tu cherches cette fonction et ajouter $('[data-toggle="tooltip"]').tooltip(); à la fin, ça devrai fonctionner.

    une autre remarque, le même problème si tu clique sur Densité 2010 et pointer la sourie sur '?' dans le menu a droite(Densité bocagère).
    il faut chercher la fonction qui s'occupe du clique et ajouter la même ligne a sa fin.

  3. #3
    Membre habitué
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    366
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : France

    Informations forums :
    Inscription : Décembre 2007
    Messages : 366
    Points : 133
    Points
    133
    Par défaut
    Merci Toufik83 !

    Le problème est corrigé !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Problème avec Affichage de Sous Menu Bootstrap
    Par devalender dans le forum MkFramework
    Réponses: 5
    Dernier message: 08/04/2017, 13h46
  2. Problème d'affichage d'une info bulle ou ToolTip
    Par developppez dans le forum Windows Forms
    Réponses: 5
    Dernier message: 16/12/2008, 10h05
  3. [Kylix] problème d'affichage
    Par scalvi dans le forum EDI
    Réponses: 1
    Dernier message: 18/06/2003, 11h07
  4. Réponses: 1
    Dernier message: 06/03/2003, 12h57
  5. probléme d'affichage d'une fiche
    Par sb dans le forum Composants VCL
    Réponses: 7
    Dernier message: 29/08/2002, 10h43

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo