Partage
  • Partager sur Facebook
  • Partager sur Twitter

Javascript et zIndex / Prototype.js et les class

Sujet résolu
    13 août 2009 à 13:26:47

    Bonjour,

    J'aimerai récupérer tous les div ayant la class "toto" (div.toto) et leur mettre un z-index égal à 9.
    J'utilise le Framework Prototype.js.

    - Mon souci numéro 1 est que je ne sais pas comment changer les styles de tous les div.toto
    - Mon souci numéro 2 est que j'ai l'impression que le zIndex:8 n'est pas pris en compte, en effet quand je regarde le source avec firebug mon z-index n'a pas changé de valeur (Alors que le backgroundColor et le fontSize eux oui).

    Voici ce que j'ai fais :

    var tabDivToto = $$('div.toto');
    
    for (var i = 0, len = tabDivToto .length; i < len; ++i) {
          $(tabDivToto[1]).setStyle({
                zIndex: 8,
                backgroundColor: '#900',
                fontSize: '20px'
          });
    }
    



    Quelqu'un peut il m'aider ?
    • Partager sur Facebook
    • Partager sur Twitter
      13 août 2009 à 13:34:58

      Essaye de remplacer
      zIndex: 8,
      

      par
      zIndex: '8',
      
      • Partager sur Facebook
      • Partager sur Twitter
        13 août 2009 à 13:47:20

        Salut je ne connais pas ta fonction de recuperation des differentes div mais si tu es sur que $tabDivToto contient toutes les div class="toto"

        sur le site http://www.prototypejs.org/api/element [...] tsByClassName
        Si c'est bien la que tu as pris ton "Framework Prototype.js" il donne une explication.

        alors si cette condition est bien rempli alors il te suffit de faire cette boucle :
        for (var i = 0, len = tabDivToto .length; i < len; ++i) {
              $(tabDivToto[i]).setStyle({
                    zIndex: 8,
                    backgroundColor: '#900',
                    fontSize: '20px'
              });
        }
        
        • Partager sur Facebook
        • Partager sur Twitter
          13 août 2009 à 14:12:55

          Pour mon premier souci c'est impécable. Je peux changer le style de toutes les class, merci singulier

          Petite question tout de même, pourquoi ceci ne marche pas ?

          $(tabDivToto[1]).setStyle({
                      zIndex: 8,
                      backgroundColor: '#900',
                      fontSize: '20px'
                });
          


          Alors que ceci marche :

          $(tabDivToto[i]).setStyle({
                      zIndex: 8,
                      backgroundColor: '#900',
                      fontSize: '20px'
                });
          


          Pour mon second problème zIndex: '9' ne marche pas non plus
          • Partager sur Facebook
          • Partager sur Twitter
            15 août 2009 à 8:33:12

            En fait, c'est bon partout. Il y avait un autre script (caché) qui remettait le zIndex a 9.
            Merci ! ! !
            • Partager sur Facebook
            • Partager sur Twitter

            Javascript et zIndex / Prototype.js et les class

            × 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