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 :

Jquery Tools et Tooltip


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    darkloy
    Invité(e)
    Par défaut Jquery Tools et Tooltip
    Bonjour à tous,


    J'ai un petit problème avec Tooltip :

    J'ai le code hmtl ci dessous :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    <ul id="joueurs">
    <li class="disponible">
    Laurent
    <img id="Laurent" class="versus" src="images/bullet_toggle_plus.png">
    <div class="min">nombre de déconnexions :3</div>
    </li>
    <li class="disponible">
    Joe
    <img id="Laurent" class="versus" src="images/bullet_toggle_plus.png">
    <div class="min">nombre de déconnexions :0</div>
    </li>
    </ul>
    Au survol de la souris, j'affiche donc une "bulle" Tooltip, ça fonctionne pas très bien, les bulles ne ce ferment pas lors de la perte de focus, donc on ce retrouve avec plusieurs bulles qui ce chevauchent...
    Donc j'essaye de faire une fonction qui force la fermeture des tooltips existantes avant d'en ouvrir une nouvelle :

    Au chargement de la page, je boucle pour créer une infobulle par puce :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    	// Appel de l'infobulle
    			$(idDuLi).tooltip({
    				onBeforeShow: autoHide
    			});
    Donc avant d'afficher l'infobulle au survolle, cela appelle la fonction autoHide

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    function autoHide(){
    	// Force la fermeture des bulles
    	$('#joueurs img').each(function(){
    		this.getTip().hide();
    		done.call();
    	});
    }
    Mais ça ne marche pas. Ca me dit getTip is not a fonction.

    Je comprends pas trop ...

  2. #2
    Invité
    Invité(e)
    Par défaut
    salut,

    est un noeud html.
    Tu auras plus de chance avec .

    cela dit, je suis pas sûr non plus que $(this), soit solution!

  3. #3
    darkloy
    Invité(e)
    Par défaut
    Idem, j'avais déjà essayé mais merci à toi

    Voila comment on perds des heures de développement...

  4. #4
    Invité
    Invité(e)
    Par défaut
    J'aurais bien tenté d'y jeter un coup d'oeil, mais pas moyen de shopper une version non minifiée... .

    Cela dit, je sais pas ce que t'affiches dans ta bulle. J'intuite néanmoins que tu peux créer un
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <span id="#hiddenComment">blablalba</span>
    Lors de la création de ta tooltip :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    $('#myImg').tooltip({
     tip:'#hiddenComment'
    });
    Puis dans ton onbeforeshow :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    function autoHide(){
     $('machin').each(function(){
      $('#hiddenComment').hide();
     });
    }
    Je dis ca car je pense qu'il prend le span et lui ajoute un left,etc. Du coup en forcant un display none ca devrait le faire!

  5. #5
    Membre régulier
    Inscrit en
    Octobre 2007
    Messages
    8
    Détails du profil
    Informations forums :
    Inscription : Octobre 2007
    Messages : 8
    Par défaut
    va voir du coté du script horinaja (http://horinaja.com/) je sais qu'en tentant de le mettre en place sur un site, j'avais oublié d’appliquer le css "overflow:hidden;" sur conteneur d'images et du coup, on voyait les slides précédents et suivants.
    par contre c’était a l'horizontale...a voir si il est possible de l'adapter en slide vertical.
    je sais aussi qu'il existe une version pro + customisable.

Discussions similaires

  1. [Plugin] Jquery tools Validator et formulaire externe (load)
    Par alfazzz dans le forum jQuery
    Réponses: 2
    Dernier message: 04/10/2012, 19h27
  2. JQuery Tools Overlay, le "réactiver" après un unbind()
    Par Bisûnûrs dans le forum jQuery
    Réponses: 6
    Dernier message: 04/03/2011, 18h15
  3. Réponses: 2
    Dernier message: 02/02/2011, 10h27

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