script.aculo.us autocomplete coincé derrière les éléments d'entrée

Question

J'ai plusieurs contrôles script.aculo.us Ajax.Autocomplete sur une page et lorsque le div déroulant est rendu, il est toujours bloqué derrière les autres zones de texte sur la page, peu importe ce que je fais avec zIndex et le positionnement. Le problème se produit dans IE et FF. Quelqu'un d'autre rencontre-t-il cela? Ai-je manqué quelque chose, ou est-ce juste la vie avec ce contrôle?

Answer 1

Eh bien, dans ma tentative de tout dépouiller de l'essentiel pour publier un exemple, j'ai réussi à le réparer. Solution en deux parties. Premièrement, j'ai dû abandonner toutes les définitions d'index z dans mes contrôles. Ils faisaient partie du problème. Deuxièmement, je devais aller dans la fonction show du contrôle autocomplete et ajouter: "update.style.zIndex = 1000;" à la fonction. Mes divs déroulants de saisie semi-automatique sont maintenant au-dessus des contrôles si nécessaire. Peut-être y a-t-il une autre façon que j'aurais pu faire pour éviter de modifier le code de script.aculo.us, mais je suis juste content que ça marche.

Answer 2

Quatre pages de googleing, et un peu de temps à pirater le code source plus tard ... Ok, donc ça a peut-être un an, mais j'ai trouvé comment le faire pour la version 1.8.3, et c'est pour qui d'autre heurte cela.

Pour obtenir plusieurs années div pour aller au-dessus de l'autre par le z-index:

D'abord, vous avez besoin d'une variable globale. à savoir:

var global_zindex 

puis quand vous initialisez le nouveau draggable, dans le onStart, donner incrémenter:

onStart : function(){ 
    zIndex++; 
}, 

Maintenant, nous éditons dragdrop.js: 435 à ressembler à ceci:

this.element.style.zIndex = global_zindex //this.originalZ; // HACK HACK HACK 

et bam, pile de la div correctement correctement. Cela a pris tellement de temps, j'ai dû poster ceci ici.