function et id d'un div

Eléphant du PHP | 87 Messages

05 nov. 2010, 20:32

Bonjour,

Normalement mon text du divoutput devrait changer mais rien....
Voici le code qui ne marche pas :
 <script type = "text/javascript">
      //<![CDATA[
      //from innerHTML.html
      
      function sayHi(){
        txtName = document.getElementById("txtName");
        divOutput = document.getElementById("divOutput");

        name = txtName.value;

        divOutput.innerHTML = "<em>" + name +  "</em>";
        divOutput.innerHTML += " est un trés joli prénom !";
      }
      //]]>
    </script>
  </head>

  <body>
    <h1>Inner HTML Demo</h1>
    <form action = "">
      <fieldset>
        <label>Entrez votre prénom</label>
        <input type = "text"
               id = "txtName" />
        <input type = "button"
                onclick = "sayHi()"
          value="Cliquez ici"/>
   
      </fieldset>
    </form>
    
    <div id = "divOutput">
      Observez cet espace.
    </div>
d'avance merci.

Eléphant du PHP | 74 Messages

05 nov. 2010, 22:00

Bonsoir,

J'ai testé ta portion de code sous Opera et Firefox = pas de problème

Par contre, sous IE c'est différent.

Bizarrement en utilisant directement divOutput ça fonctionne...
    var   txtName = document.getElementById("txtName");
       //divOutput = document.getElementById("divOutput");
       var name = txtName.value;
       divOutput.innerHTML = "<em>" + name +  "</em>";
        divOutput.innerHTML += " est un trés joli prénom !";
et ça aussi :
var txtName = document.getElementById("txtName");
       var maDiv = document.getElementById("divOutput");
       var name = txtName.value;
       maDiv.innerHTML = "<em>" + name +  "</em>";
        maDiv.innerHTML += " est un trés joli prénom !";
#-o

Eléphant du PHP | 87 Messages

06 nov. 2010, 10:01

ah oui c'est pas con, merci