Partage
  • Partager sur Facebook
  • Partager sur Twitter

Variable view vide le 1er click

Sujet résolu
    24 janvier 2009 à 16:54:15

    Yop all,

    Voici mon code

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
       <head>
           <title>Fonction OnDivUp</title>
           <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
           <link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
            <style>
            #DivOne
            {
            background-color:black;
            color:white;
            width:10%;
            height:120px;
            }
            
            .center
            {
            text-align:center;
            }
            
            </style>
            
            <script type="text/JavaScript">
            function OnDivUp(animated)
            {
            var view;
            view = animated.style.height;
                    if(view != '120px')
                    {
                            //2nd click
                            document.getElementById('DivOne').style.cssText="width:10%;height:120px;";
                            animated.innerHTML='<div class="center"><img src="fond.png" /></div>Empereur';                
                    }
                    else
                    {
                            //1er click
                            document.getElementById('DivOne').style.cssText="width:10%;height:180px;";
                            animated.innerHTML='<div class="center"><img src="fond.png" /></div>Empereur<br />ATK : 50<br />DEF : 30<br />VIE : 10<br />';
                    }
            }
            </script>
            
       </head>
       <body>
           <p>Présentation de la fonction OnDivUp :</p><br />
               Objectif : Afficher les stats de l'unité Empereur en cliquant sur sa carte.<br />
               Utilisation : Double clic pour l'ouvrir une 1ère fois puis 1 clique pour ouvrir/fermer<br />
               
               <div id="DivOne" onclick="OnDivUp(this);">
                            <div class="center"><img src="fond.png" /></div>
                            Empereur
                            
               </div>
               
       </body>
    </html>
    


    PAF dans la figure :lol:
    Alors voilà, je ne sais pas pourquoi, si je fais un alert de view le 1er coup il vaut rien, il est vide, et aux cliques suivants il vaut bien 120 et 180.
    C'est le 1er click qui pose problème.
    Sur IE c'est pire, je ne sais même pas expliquer le bug...


    Merci d'avance =)
    • Partager sur Facebook
    • Partager sur Twitter
      24 janvier 2009 à 17:15:16

      <div id="DivOne" style="height:120px;" onclick="OnDivUp(this);">
      
      • Partager sur Facebook
      • Partager sur Twitter
        24 janvier 2009 à 17:24:41

        Si tu ne lui donne pas par défaut une hauteur, tu peux l'avoir
        par offsetHeight
        • Partager sur Facebook
        • Partager sur Twitter

        Variable view vide le 1er click

        × 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