Info-bulles jquery et dialogue

Question

J'utilise l'infobulle jQuery Tools (http://flowplayer.org/tools/tooltip/index.html), et j'essaie de faire fonctionner le plugin dynamique. Cela change la position de l'info-bulle si la position que vous avez définie est en dehors de l'écran (si elle est coupée par le haut de l'écran, elle sera affichée au-dessous de l'élément auquel appartient l'info-bulle).

Idéalement, je veux répliquer ceci à l'intérieur d'un dialogue jQuery, de sorte que si la barre de titre coupe l'info-bulle, elle montrera au-dessous de l'élément auquel elle appartient.

Alternativement, je voudrais juste que l'info-bulle soit affichée au-dessus de la barre de titre. J'ai essayé de régler l'index z de l'info-bulle sur 999999999999 mais il apparaissait toujours sous la barre de titre.

Des idées, pile?

Answer 1

Le problème ne concernait pas les attributs z-index ou position, mais le dépassement. L'info-bulle ne fonctionnait pas bien avec 'auto', mais elle fonctionnait avec 'visible'. Cependant, en utilisant 'overflow: visible;' vous perdez la barre de défilement automatique sur vos fenêtres, ce qui n'est pas souhaitable. La meilleure solution consistait donc à faire en sorte que le plug-in d'info-bulle dynamique fonctionne sur les dimensions div du fichier .ui-dialog-content, au lieu des dimensions de la fenêtre.

function getCropping(el) { 
    var w = $(el).closest('.ui-dialog-content'); 
    var right = w.offset().left + w.width(); 
    var bottom = w.offset().top + w.height(); 
    var toolTipRight = el.offset().left + el.width(); 
    var toolTipBottom = el.offset().top + el.height(); 

    return [ 
     el.offset().top <= w.offset().top,      // top 
     right <= toolTipRight,   // right 
     bottom <= toolTipBottom,  // bottom 
     w.offset().left >= el.offset().left      // left 
    ]; 
} 

Answer 2

This question peut vous aider à utiliser l'index z. La valeur que vous avez essayée est plus grande que le maximum autorisé.

Answer 3

Avez-vous attribué l'attribut position dans les styles? Si vous souhaitez utiliser z-index, vous devez définir la propriété position avant.