JQuery Tooltip Plugin de Jorn

Je pense que quelqu'un a peut-être traversé celui-ci, mais je ne suis pas sûr. D'un niveau élevé, j'essaie de passer une entrée [type = text] et d'afficher une info-bulle (avec la valeur contenue) en utilisant le plugin disponible au http://bassitance.de.JQuery Tooltip Plugin de Jorn

Je dois utiliser des titres et des classes pour la validation sur les éléments spécifiques, donc j'ai mis un div vide pour contenir la valeur d'entrée [type = text] pour le roll over.

Problème:

Il ne tiendra pas la valeur de 2 zones de texte à la fois. Une fois que j'ai mis une valeur dans la case de droite, l'info-bulle sur la gauche disparaît. Même chose si je le change. Je ne peux pas garder une info-bulle sur plus d'un élément.

Voici le code (Note: Vous devrez télécharger les plugins dans la source car je ne sais pas où sont les versions live s'il y en a).

<link rel="stylesheet" href="/scripts/jquery-tooltip/jquery.tooltip.css" /> 
<script type="text/javascript" src="/scripts/jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="/scripts/jquery-tooltip/jquery.tooltip.min.js"></script> 
<script type="text/javascript"> 
    $(function(){ 
     $("input").change(function(){ 
      var newTitle = $(this).val(); 
      $(this).parent().attr("title",newTitle); 
      // re-init tool tip 
      reload(); 
     }); 

     // Init tooltip 
     reload(); 
    }); 

    reload = function(){ 
     $("div").tooltip(); 
    } 
</script> 
<body> 
    <table border="1px solid black"> 
     <tr> 
      <td title="hello"> 
       <div> 
        <input type="text" value=""/> 
       </div> 
      </td> 
      <td> 
       <div> 
        <input type="text" value=""/> 
       </div> 
      </td> 
     </tr> 
    </table> 
    <div id="debug"></div> 
</body> 
</html>

Source

2009-07-07 Jeff Ancel

Eh bien, je fini par le piratage dans ce trop. Je me suis retrouvé avec un plugin différent qui m'a permis d'attribuer la valeur de quelque chose d'autre que le titre, c'est-à-dire la valeur actuelle dans la zone de texte pour éviter le besoin de faire défiler. –

Voici le site j'ai eu la pointe d'outil qui a effectué ma fonction correctement. http://www.walterzorn.com/tooltip/tooltip_e.htm –

Je n'ai pas compris votre question. Voulez-vous afficher deux info-bulles à la fois ou votre problème est que l'attribut de titre que vous définissez sur chaque fonction de rechargement efface les deux titres?

J'ai utilisé ce plugin avant si vous expliquez plus, ou montrez une démo de votre exemple je serais en mesure d'aider.

Sinan.

EDIT Version de travail: (Il change les titres de « TD)

$(function(){ 
    $("input").change(function(){ 
      var newTitle = $(this).val(); 
      $(this).parent().parent('td').attr("title",newTitle); 
      // re-init tool tip 
      reload(); 
    }); 

    // Init tooltip 
    reload(); 
}); 

reload = function(){ 
    $("[title]").tooltip(); 
}

Source

2009-07-07 22:17:53 Sinan

J'essaie seulement d'afficher l'info-bulle mise à jour lorsque vous survolez l'élément spécifié. Cependant, une seule info-bulle reste active. C'est l'info-bulle sur la case la plus récemment modifiée. –

JQuery Tooltip Plugin de Jorn

Répondre

Questions connexes