Meddelande

Minska
No announcement yet.

Formulär som skriver innehållet på sidan

Minska
X
  • Filter
  • Klockan
  • Show
Clear All
new posts

  • Formulär som skriver innehållet på sidan

    Hej!

    Jag håller på att skapa ett formulär som ska skriva ut datat som skrivs in i formuläret på samma sidan som formuläret är.

    Hur jag än gör så får jag ingen utskrift på sidan. Vad gör jag för fel?

    <body>

    <form name="form" id="myForm" method="post" action="">
    För och efternamn:<br>
    <input type="text" name="name" id="yourFirstName">

    <input type="submit" id="btn" value="Skicka formuläret">
    </form>

    <div id="response"></div>


    script-filen:


    var yourNewAge, yourNewName;

    function init(){
    var response = document.getElementById("response");
    var form = document.forms["myForm"];

    var button = document.getElementById("btn");

    button.addEventListener("click", submit);
    }window.addEventListener("load", init);


    function submit(){
    alert("submit");

    var firstNameTag = document.getElementById("yourFirstName");
    var yourFirstName = firstNameTag.value;

    response.innerHTML= "<br>Du heter: "+ yourFirstName;
    }

    Tack på förhand!

  • #2
    Har efter mycket felsökande kommit fram till att inläsninngen fungerar men svaret skrivs bara ut väldigt snabbt och försvinner när formuläret nollställs.
    Hur gör jag för att svaret ska ligga kvar på sidan?

    Kommentera


    • #3
      Var länge sedan jag höll på med detta, men om minnet inte sviker så ska du på submit knappen lägga ett javascript som säger att den inte ska utföra ett "hopp" till nästa sida. Som default är det nämligen så att knappen submit kommer i ditt fall - då ingen url finns att hoppa till - att gå till denna sidan, det vill säga ladda om sidan. det är troligen det du uppfattar som att texten inte ligger kvar.

      Någon med bättre minne får gärna rätta mig.

      Vet att det finns exempel på detta. Hittade vid en snabb sökning detta som kanske kan vara något :
      http://www.webdesignskolan.se/javasc...era_submit.php

      Hoppas det hjälper....
      ---------------
      http://fun.axplock.com
      Ett gott skratt förlänger livet

      Kommentera


      • #4
        annaco Om inte mitt minne sviker mig så borde du under action skriva in URL: en till den sida du står på så att submitt-knappen skickar dig tillbaka till den sida du kommer från (alltså samma sida).

        Kommentera

        Working...
        X