Partage
  • Partager sur Facebook
  • Partager sur Twitter

div dynamique

qui change selon la valeur de mon input

Sujet résolu
SimoX
    22 octobre 2006 à 1:24:12

    Bonsoir.
    Voila j'ai un formulaire et je veux quand je remplis mon champs texte sa valeur s'affiche sur une autre div en même temps.
    J'ai essayé avec un innerHTML mais ca ne marche pas.

    <script>
    function showtext(){
    var nom = document.forms['form1'].elements['nom'].value ;
    document.getElementById('nom_div').innerHTML = titre;
    }
    </script>
    <form name="form1" method="post">
    Nom: <input type="texte" name="nom" />
    </form>
    <div id="nom_div"></div>


    Il ya une erreur quelque part :-°

    Merci ^^
    • Partager sur Facebook
    • Partager sur Twitter
    delphiki
    • HTML / CSS
      22 octobre 2006 à 1:29:32

      Déjà, si tu n'appelles jamais ta fonction c'est normal ^^

      Ceci devrait marcher :
      <script>
      function showtext(){
      document.getElementById('nom_div').innerHTML = document.form1.nom.value ;
      }
      </script>
      <form name="form1" method="post">
      Nom: <input type="texte" name="nom" onKeyUp="showtext()" />
      </form>
      <div id="nom_div"></div>
      • Partager sur Facebook
      • Partager sur Twitter
      SimoX
        22 octobre 2006 à 1:33:09

        Merci ^^ Super ca marche !
        réponse en 5 min :magicien:

        heu par contre, si j'ai plusieurs champs ...
        <script>
        function showtext(champ,div){
        document.getElementById(div).innerHTML = champ ;
        }
        </script>
        <form name="form1" method="post">
        Nom: <input type="texte" name="nom" onKeyUp="showtext(document.form1.nom.value , nom_div)" />
        Prénom: <input type="texte" name="prenom" onKeyUp="showtext(document.form1.prenom.value , prenom_div)" />
        </form>
        <div id="nom_div"></div>
        <div id="prenom_div"></div>

        J'ai essayé avec ce code ca ne marche pas ;)
        • Partager sur Facebook
        • Partager sur Twitter
        delphiki
        • HTML / CSS
          22 octobre 2006 à 1:34:17

          Y'a pas de quoi :)

          ++
          • Partager sur Facebook
          • Partager sur Twitter
          basamir
            22 octobre 2006 à 3:11:12

            Citation : SimoX

            Merci ^^ Super ca marche !
            réponse en 5 min :magicien:

            heu par contre, si j'ai plusieurs champs ...

            <script>
            function showtext(champ,div){
            document.getElementById(div).innerHTML = champ ;
            }
            </script>
            <form name="form1" method="post">
            Nom: <input type="texte" name="nom" onKeyUp="showtext(document.form1.nom.value , nom_div)" />
            Prénom: <input type="texte" name="prenom" onKeyUp="showtext(document.form1.prenom.value , prenom_div)" />
            </form>
            <div id="nom_div"></div>
            <div id="prenom_div"></div>


            J'ai essayé avec ce code ca ne marche pas ;)



            t'as raison mais meme avec un seul champ il y a un problème de renvoie des paramètres à la fonction showtext(champ,div), il faut revoir la transmission des paramètres au niveau de l'appel de ta fonction.

            bon courage!
            • Partager sur Facebook
            • Partager sur Twitter
            SimoX
              23 octobre 2006 à 22:46:16

              voila g trouvé ;)
              pour ceux qui sont interessés :
              <script>
              function showtext(champ,div){
              document.getElementById(div).innerHTML = champ ;
              }
              </script>
              <form name="form1" method="post">
              Nom: <input type="texte" name="nom" onKeyUp="showtext(document.form1.nom.value , 'nom_div')" />
              Prénom: <input type="texte" name="prenom" onKeyUp="showtext(document.form1.prenom.value , 'prenom_div')" />
              </form>
              <div id="nom_div"></div>
              <div id="prenom_div"></div>

              il fallait mettre des ' '
              • Partager sur Facebook
              • Partager sur Twitter
              basamir
                24 octobre 2006 à 17:02:30

                j'ai une question relative au même truc,
                j'ai une page de contact avec un champ où le visiteur peut écrire ses commentaires et je veux bien mettre en dessous de ce champs un div pour afficher en temps réel ce qu'il écrit, mais je n'arrive pas à mettre ce qui est écrit dans un cadre comme sur le champ où il mis ses commentaire, voici mon script:

                <tr>
                <td valign="top" width="83"><font color="#000000" size="2">
                <font face="Arial, Helvetica, sans-serif">Message</font></font></td>
                <td width="420"><textarea name="message" cols="55" rows="10" onKeyUp="showtext()"></textarea></td>
                </tr>
                   
                <tr>
                <td valign="top" width="83"><font color="#000000" size="2">
                <font face="Arial, Helvetica, sans-serif">Votre msg</font></font></td>
                <td width="420"><div id="nom_div"> </div></td>
                </tr>



                merci d'avance!
                • Partager sur Facebook
                • Partager sur Twitter
                SimoX
                  24 octobre 2006 à 22:29:36

                  Salut Basamir ;)
                  il faudrait que tu indiques tes arguments (ce qui est après les parenthèses ) par exemple showtext('nom_div',this.value) et dans ton script tu arranges ta fonction ;) ce qui donnera ...
                  <script>
                  function showtext(div,champ){
                  document.getElementById(div).innerHTML = champ ;
                  }
                  </script>
                  <form name="contact" >
                  <tr>
                  <td valign="top" width="83"><font color="#000000" size="2">
                  <font face="Arial, Helvetica, sans-serif">Message</font></font></td>
                  <td width="420"><textarea name="message" cols="55" rows="10" onKeyUp="showtext('nom_div',this.value)"></textarea></td>
                  </tr>
                     
                  <tr>
                  <td valign="top" width="83"><font color="#000000" size="2">
                  <font face="Arial, Helvetica, sans-serif">Votre msg</font></font></td>
                  <td width="420"><div id="nom_div"> </div></td>
                  </tr>
                  </form>


                  Ca devrait rouler .. ;)
                  • Partager sur Facebook
                  • Partager sur Twitter
                  basamir
                    25 octobre 2006 à 17:52:13

                    je suis désolé mais celà n'a pas fonctionné.
                    c'est vrai que le text saisi est affiché en temps réel en dessous du champ "message" mais pas dans un cadre.
                    j'ai meme ajouter un textarea:

                    <tr>
                    <td valign="top" width="83"><font color="#000000" size="2">
                    <font face="Arial, Helvetica, sans-serif">Votre msg</font></font></td>
                    <td width="420"><div id="nom_div"><textarea name="votre_msg" cols="55" rows="10"></textarea></div></td>
                    </tr>


                    mais une fois je saisi un text le cadre disparaitera ???
                    • Partager sur Facebook
                    • Partager sur Twitter
                    SimoX
                      25 octobre 2006 à 19:00:25

                      au fait tu veux afficher ton message dasn un textarea ...
                      si c le cas voila le code
                      <script>
                      function showtext(champ){
                      document.contact.votre_msg.value = champ ;
                      }
                      </script>
                      <form name="contact" >
                      <tr>
                      <td valign="top" width="83"><font color="#000000" size="2">
                      <font face="Arial, Helvetica, sans-serif">Message</font></font></td>
                      <td width="420"><textarea name="message" cols="55" rows="10" onKeyUp="showtext(this.value)"></textarea></td>
                      </tr>
                         
                      <tr>
                      <td valign="top" width="83"><font color="#000000" size="2">
                      <font face="Arial, Helvetica, sans-serif">Votre msg</font></font></td>
                      <td width="420"><textarea name="votre_msg" cols="55" rows="10"></td>
                      </tr>
                      </form>
                      • Partager sur Facebook
                      • Partager sur Twitter
                      basamir
                        25 octobre 2006 à 22:58:48

                        Merci beaucoup ça marche comme sur des roulettes
                        • Partager sur Facebook
                        • Partager sur Twitter

                        div dynamique

                        × 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