Partage
  • Partager sur Facebook
  • Partager sur Twitter

[JS] Gerer le zIndex

    5 octobre 2006 à 8:43:08

    Bonjour,
    Je voudrais faire un swap en javascript entre deux div pour le faire passer l'un sur l'autre.
    Ils sont en position absolute superposé et je voudrais pouvoir swaper entre les deux avec un bouton.

    Quelqu'un saurait faire cela en javascript ?
    Merci
    • Partager sur Facebook
    • Partager sur Twitter
      5 octobre 2006 à 8:46:30

      ouaip, salut :)
      essaye une fonction du style :

      function swap(div1, div2){
        div1.style.display='';
        div2.style.display='block';
      }


      ca devrait être bon !

      ++
      • Partager sur Facebook
      • Partager sur Twitter
        5 octobre 2006 à 8:47:28

        Non, je veux pas le masquer, mais juste les intervertir
        • Partager sur Facebook
        • Partager sur Twitter
          5 octobre 2006 à 8:54:40

          alors il faut que tu joues avec les propriétés zIndex :

          function swap(){
            //recupération de tes divs/renderers
            div1=document.getElementById('...');
            div2document.getElementById('...');
           
            //échange
            if(div1.style.zIndex > div2.style.zIndex){
               div1.style.zIndex=500;
               div2.style.zIndex=501;
            }else{
               div1.style.zIndex=501;
               div2.style.zIndex=500;
            }
          }


          ca devrait suffire ^^

          mais c'est une sorte de double buffering que tu veux faire non?
          alors pourquoi ne pas les masquer si elles se recouvrent partiellement?
          • Partager sur Facebook
          • Partager sur Twitter

          [JS] Gerer le zIndex

          × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
          × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
          • Editeur
          • Markdown