Form che scrive sulla pagina

**macio-97** · 25-02-2011, 14:58

Ciao a tutti sto cercando in tutti i modi di creare un form (input text e input button) che scriva sulla pagina.. Mi spiego meglio
Ho una input text dove scrivo una cosa, una volta scritta premo l' input button "Invia" come lo premo una funzione deve scrivere sulla pagina quello che ho scritto nell' input text.. è possibile?
Inoltre posso usare AJAX per aggiornare automaticamente l'area dove lo script salva il testo? Grazie per l' aiuto spero di essere stato chiaro

<input type="text"> <input type="button" value="Invia">
<div class="contenuto">
<div class="ajax_autorefresh">
Quello che ho digitato nel form
</div>
</div>

**bstefano79** · 25-02-2011, 15:10

non importa usare ajax, puoi fare tutto lato client

**satifal** · 25-02-2011, 15:24

Originariamente inviato da bstefano79
non importa usare ajax, puoi fare tutto lato client

Esatto!

Non sono ferratissimo di javascript, ma come spunto puoi provare una cosa del genere:

Codice PHP:


<html>

    <head>

        <script type="text/javascript"> 

            function submitForm() {

                testo = document.testo.message.value;

                document.getElementById("testo").innerHTML=testo;

            }

        </script>

    </head>

    <body>

        <form method="post" name="testo">

            <input type=text" name="message"/></br>

            <input type="button" name="submit" value="Ok" onclick="submitForm()"/>

        </form>

        <div id="testo"/>

    </body>

</html>

**bstefano79** · 25-02-2011, 15:31

per evitare qualsiasi problema di conpatibilità di browser, farei così

Codice PHP:


<html> 

    <head> 

        <script type="text/javascript">  

            function submitForm() { 

                var testo = document.testo.message.value; 

                document.getElementById("testoscritto").innerHTML=testo; 

            } 

        </script> 

    </head> 

    <body> 

        <form method="post" name="testo"> 

            <input type=text" name="message"/></br> 

            <input type="button" name="submit" value="Ok" onclick="submitForm()"/> 

        </form> 

        <div id="testoscritto"></div> 

    </body> 

</html>

**bstefano79** · 25-02-2011, 15:41

Codice PHP:


<html> 

    <head> 

        <script type="text/javascript">  

            function submitForm() { 

                var testo = document.testo.message.value; 

                document.getElementById("testoscritto").innerHTML=testo; 

            } 

        </script> 

    </head> 

    <body> 

        <form method="post" name="testo"> 

            <input type=text" name="message" onkeyup="submitForm();" /></br> 

        </form> 

        <div id="testoscritto"></div> 

    </body> 

</html>

e se fai così!!!!! Magia non è necessario neanche il bottone

**macio-97** · 25-02-2011, 16:19

Grazie mille stefano ma non si salva sulla pagina se io aggiorno non c'è più vorrei invece tramite lato server o client se possibile come mi dite che una volta inviato il form il testo rimanga sulla pagin. Quella è una specie di antemprima non quello che cerco io

**bstefano79** · 25-02-2011, 16:24

mmmmmm, no allora se è così solo client non va bene......
e poi bisogna vedere cosa vuol dire "salvare sulla pagina"

**macio-97** · 25-02-2011, 16:28

Hai presente un chatbox/shoutbox ? Qualcosa del genere ma molto più semplice (spero) senza database tabelle e cose varie

**bstefano79** · 25-02-2011, 16:34

senza tabelle puoi usare file di testo, ma essendo chatbox devi passare dal server. Va benissimo ajax o un framework come jQuery

**macio-97** · 25-02-2011, 16:37

Mi potreste dare indicazioni più precise

Discussione: Form che scrive sulla pagina

Strumenti discussione

Ricerca discussione

Visualizza

Form che scrive sulla pagina

Permessi di invio