Comment faire pour afficher une zone de texte simple quand j'ai passez la souris sur une icône à l'aide de jquery

J'ai un champ de saisie dans un html et un bouton d'aide (?) à côté du champ,
Quand j'ai passez la souris sur l'icône, je veux un simple message texte à afficher et le message devrait disparaître en vol stationnaire à l'écart.
De toute façon pour ce faire à l'aide de jquery?

Icône sera une simple image pour dire un petit point d'interrogation.
Le texte sera "Entrez votre nom dans la case"

Utilisation title attribut img ou onehackoranother.com/projects/jquery/tipsy pour le rendre fanicer

OriginalL'auteur Haran Murthy | 2012-08-02

  1. 7

    Vous pouvez utiliser le bouton "info-bulle" de voyager dans le texte avec la souris sur l'icône,

    Ici est un bon exemple.

    http://www.alessioatzeni.com/blog/simple-tooltip-with-jquery-only-text/

    C'est aussi un bon exemple, vous pouvez mettre en place la souris dans une manière similaire!

    http://api.jquery.com/mouseover/

    Vérifier cet exemple aussi,

    http://jsfiddle.net/DLQsX/

    Pour info-bulle, je vois les navigateurs pointe de l'outil ainsi ce qui est gênant, comment puis-je supprimer que quand je survolez
    C'est clairement indiqué dans l'exemple. En javascript à la ligne $(this).de données('tipText" du titre).removeAttr('title'); Il supprime le titre de manière à empêcher la fenêtre de montrer son propre outil de pointe ou de dire du titre de l'élément. Vérifier à nouveau!
    Ce qu'il est en train de faire est de créer un titre personnalisé que vous souhaitez afficher à la souris et au retrait du titre, de sorte que la fenêtre ne doit pas afficher le titre de l'élément et votre msg s'affiche. Puis, après le passage de la souris est sur, il récupère le titre.
    Quand je l'ouvre avec firefox je ne la voyez pas, mais il semble que sur IE
    Fonctionne très bien pour moi sous firefox!!!

    OriginalL'auteur MJQ

  2. 9

    Créer un élément du DOM à la volée, puis en position fixe à l'aide de l'offset de l'élément cible. Vous pouvez joindre la création de l'élément sur la mousein de l'événement, et la destruction de l'événement mouseout de l'élément cible.

    En supposant que votre cible élément de la page a un id myId:

    Ajouter à votre prêt de la fonction, ou sur une balise de script après la myId élément a été déclaré:

    $('#myId').mouseenter(function(){
    $('body').append("<div id='hoveringTooltip' style='position:fixed;'></div>");
    $('#hoveringTooltip').html("MY TOOLTIP TEXT GOES HERE");
    $('#hoveringTooltip').css({
        "top" : $(this).offset().top + MYTOPOFFSET,
        "left" : $(this).offset().left + MYLEFTOFFSET
    });
});
$('#myId').mouseleave(function(){
    $('#hoveringTooltip').remove();
});
    C'est un bon code!
    Merci. En essayant d'apprendre les rudiments de la SORTE

    OriginalL'auteur Mindwin

  3. 3

    Voir le jQuery passez de l'événement.

    $("#help_icon").hover(function(){
    $("#msg_div").hide();
    $("#msg_div").show();
});

    OriginalL'auteur jjclarkson

  4. 1
    $("#help_icon").hover(
  function () {
    $("#msg_div").show();
  }, 
  function () {
    $("#msg_div").hide();
  }
);

    à partir du même lien que jjclarkson la réponse de

    OriginalL'auteur joevallender