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

LuigiC · 3 Dic 2011

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 · 3 Dic 2011

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 · 3 Dic 2011

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!

alessandro1997 · 3 Dic 2011

AJAX non c'entra assolutamente niente con le animazioni. Dai un'occhiata alla pagina Wikipedia.
Se non usi un framework Javascript come jQuery, allora sì, può essere complicato (ma non eccessivamente) creare l'animazione. Se proprio vuoi provarci, ti consiglio di scaricarti jQuery dal sito.

Cerca

Cerca

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

LuigiC

Nuovo Utente

alessandro1997

Utente Attivo

LuigiC

Nuovo Utente

alessandro1997

Utente Attivo

Discussioni simili