Comment amener l'sélectionnés div sur le dessus de tous les autres div à l'

J'ai un tas de divs sur l'écran.
Ce que je veux faire, c'est que lorsque je sélectionne toutes les div, je veux son zIndex à être toujours plus que tous les autres divs.

Dans mon application, j'ai besoin de répéter cette opération à chaque fois que je sélectionne un div, le mettre sur le dessus des autres.

Est-ce possible à l'aide de Javascript?

un div pour les gouverner tous!!

OriginalL'auteur ssdesign | 2010-10-25

  1. 8

    Oui, très bien.

    HTML:

    <div>foo</div>
<div>bar</div>
<div>bas</div>

    Javascript:

    //Collect all divs in array, then work on them
var all = document.selectElementsByTagName("div");
var prev = false;

for(i = 0; x < ALL.length; i++) {
    all[i].onclick = function() {
        all[i].style.position = 'relative'; //necessary to use z-index
        if (prev) { prev.style.zIndex = 1; }
            this.style.zIndex = 1000;
            prev = this;
        }
    }
}

    //Edit: Désolé, j'ai oublié une accolade. Maintenant corrigé.

    Ne savait jamais z-index dépendait position: relative j'ai juste pensé qu'il y avait des problèmes... c'est ce qui importe ici.

    OriginalL'auteur Ben

  2. 5

    Je vous recommande de créer une variable au début et l'incrémentation.

    var top_z = 10;

function bringToTop(element)
{
    element.style.zIndex = ++top_z;
}

    (++top_z incréments puis retourne top_z)

    OriginalL'auteur Isti115

  3. 5

    Dans certains cas, vous pouvez apporter un élément de haut, sans l'aide de CSS directement. Si vous placez votre DIVs à la balise body ou en vertu d'un autre élément parent, vous pouvez ré-ajouter lui-même à la société mère. JavaScript passez à la dernière position dans la liste des enfants qui apportera l'élément de façon "naturelle" vers le haut.

    Exemple:

    myElement.parentNode.appendChild(myElement);

    J'ai utilisé ce truc pour mon menu contextuel personnalisé. Fonctionne sans zIndex.

    OriginalL'auteur StanE

  4. 0

    Je ferais quelque chose comme ça:

    var my_index = 100; //global var on page
function sendontop(div_id) {
  if (typeOf(div_id)=="string") {
    div_id=document.getElementById(div_id);
  }
  div_id.style.zIndex = my_index++;
}

    sur l'objet

    <div id="bringmeup" onclick="sendontop(this);" >somecontent</div>

    ou sinon, vous pouvez également utiliser

    sendontop("bringmeup");

    je suis tombé sur ce problème et résolu comme ça

    OriginalL'auteur AndreaBogazzi

  5. 0

    Espère que cela aide!

    document.getElementById("mainactiondiv").firstElementChild.appendChild(bubble);

    OriginalL'auteur Hasan Tuna Oruç