Copiare elementi DOM [era: Script Ajax - Nuovo Div]

LuigiC

Nuovo Utente
3 Dic 2011
2
0
0
Salve a tutti, sono nuovo del forum ma vedo che quì c'è parecchia gente competente e spero sappiate aiutarmi.
Avrei la necessità di un piccolo script in ajax per la rigenerazione di un nuovo div alla pressione di un tasto.
In pratica, dopo aver inserito dei dati all'interno di un form che invia questi ad un database, alla pressione del tasto INVIA, dovrebbe ripresentarsi subito sotto un nuovo form identico da compilare.
Non so se mi sono spiegato correttamente.
Spero comunque che sappiate darmi una mano, è un lavoro piuttosto importante.
Vi ringrazio tutti e spero che qualcuno competente e di buon cuore sappia aiutarmi.
Luigi.
 

alessandro1997

Utente Attivo
6 Ott 2009
5.302
1
0
23
Roma
alessandro1997.netsons.org
E questo cosa c'entra con AJAX?

Comunque stai cercando di realizzare una cosa del genere, credo:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>Generazione elementi DOM</title>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    </head>

    <body>
        <div id="forms">
            <form id="sample" action="test.php">
                <input id="button" type="button" value="Crea un nuovo form" onclick="newForm()" />
            </form>
        </div>

        <script type="text/javascript">
        function newForm()
        {
            sampleForm = document.getElementById("sample");

            form = document.createElement("form");
            form.innerHTML = sampleForm.innerHTML;

            for (attr in sampleForm.attributes) {
                attrObj = sampleForm.attributes[attr];

                if (attrObj.nodeName !== undefined && attrObj.nodeValue !== undefined) {
                    form.setAttribute(attrObj.nodeName, attrObj.nodeValue);
                }
            }

            document.getElementById("forms").appendChild(form);
        }
        </script>
    </body>
</html>
Così copierai anche tutti gli attributi del form di partenza.
 

LuigiC

Nuovo Utente
3 Dic 2011
2
0
0
Era esattamente quello che cercavo.
Ti sono veramente molto grato!
Ho parlato di Ajax perchè ho notato che molti siti applicano una sorta di dissolvenza nel far entrare in scena il nuovo div.
Sarebbe molto complicato?
Va comunque benissimo anche così e ti ringrazio moltissimo!