Partage
  • Partager sur Facebook
  • Partager sur Twitter

Formulaire et pop up

    22 novembre 2017 à 14:53:15

    Bonjour,

    Mon code ci-dessous permet d'ouvrir un popup dans lequel on voit les données d'un formulaire affichées.

    <html>
    <head>
    <title>Form Example</title>
    <script LANGUAGE="JavaScript" type="text/javascript">
    function display() {
      DispWin = window.open('','NewWin', 'toolbar=no,status=no,width=300,height=200')
      message = "<table><tr><td><b>NAME: </b>" + document.form1.yourname.value;
      message += "</td></tr><tr><td><b>ADDRESS: </b>" + document.form1.address.value;
      message += "</td></tr><tr><td><b>PHONE: </b>" + document.form1.phone.value + "</td></tr></table>";
      DispWin.document.write(message);
    }
    </script>
    </head>
    <body>
    <h1>Form Example</h1>
    Enter the following information. When you press the Display button,
    the data you entered will be displayed in a pop-up window.
    <form name="form1">
    <p id="nom"><b>Name:</b> <input id="nom" TYPE="TEXT" SIZE="20" NAME="yourname">
    </p>
    <p id="adresse"><b>Address:</b> <input id="adresse" TYPE="TEXT" SIZE="30" NAME="address">
    </p>
    <p id="tel"><b>Phone: </b> <input id="tel" TYPE="TEXT" SIZE="15" NAME="phone">
    </p>
    <p><input TYPE="submit" VALUE="valider" onClick="display();"></p>
    </form>
    </body>
    </html>

    quand rentre de nouvelles données, de nouvelles données apparaissent en dessous des précédentes et ainsi de suite. (Le processus est itératif)

    En conservant ce processus, je souhaiterai afficher les données en dessous du formulaire au lieu de les voire apparaître dans le popup.

    Cependant je sais que la fonction pour appeler un popup est window.open et quand je l'enlève les données ne s'affiche ni en dessous du formulaire et le popup n'apparait plus.

    Donc s'il vous plait, y'aurait-il un une fonction qui pourrait afficher à la place de window.open les données du formulaire dans la même page que le formulaire.

    Merci bien de me répondre.

    Pierre THUILLIER

    • Partager sur Facebook
    • Partager sur Twitter
      22 novembre 2017 à 16:08:01

      Salut,

      Pour une meilleure visibilité, la mise en forme du code est obligatoire si vous souhaitez insérer vos codes et erreurs dans votre message.

       https://openclassrooms.com/forum/sujet/regles-et-bonnes-pratiques-du-forum-37697

      • Partager sur Facebook
      • Partager sur Twitter

      Formulaire et pop up

      × 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