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
26
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!
 
Discussioni simili
Autore Titolo Forum Risposte Data
C copiare solo le vocali di un file in un'altro file PHP 2
C [MySQL] Copiare campi di un record in un nuovo record MySQL 0
S Copiare attributi da una classe. Programmazione 0
P [Visual Basic] Copiare file piu' grandi di 2 gb in vb6 senza usare filecopy,usando get e put Visual Basic 6
F Help-PDO copiare Database MySQL PHP 3
simgia [MySQL] Copiare dati tra 2 tabelle MySQL 1
S [PHP] Copiare una cartella sul sever PHP 2
F [Javascript] Copiare una Form Javascript 0
B [PHP] Copiare testo da iframe dopo il caricamento? PHP 1
W [Javascript] Problema: Copiare testo da un iframe? Javascript 4
B [MySQL] copiare campo da tabella ad altra ed eliminarlo MySQL 0
B [MySQL] copiare campo precedente MySQL 17
felino [PHP] Copiare file da N sottodirectories nelle root principale PHP 1
ecosito Mailchimp: copiare l'email inserita nel form html nel primo campo del form di Mailchimp HTML e CSS 4
P Copiare wordpress in un altra cartella | hosting WordPress 4
M copiare una cartella da una directory ad un altra PHP 0
S Copiare e incollare con un Mac WordPress 11
P copiare contenuto campo input, utilizzando un bottone a fianco HTML e CSS 0
Z copiare record già esistente in altra tabella MS Access 1
P Copiare sito da jimdo a wordpress WordPress 1
D VB6 Copiare contenuto di una cartella in un'altra cartella Visual Basic 1
P copiare tre tabelle senza legami in un unica tabella MySQL 4
D Copiare contenuto di una cartella su secondo hard disk Windows e Software 2
P Copiare un array PHP 2
A copiare dati in mysql con drag & drop jQuery 0
Monital Copiare e modificare tabelle Mysql con php PHP 3
C Copiare contenuto file testo in jwplayer Javascript 5
P copiare una tabella con una colonna in più... Java 0
G Copiare i record da una tabella ad un'alta. MS Access 4
R ASP CLASSIC copiare tabella da un db all'altro Classic ASP 2
G dreamweaver: pedice e copiare div pa Webdesign e Grafica 5
M Copiare valore listbox in textbox PHP 2
P copiare il contenuto di un DIV con javascript/ajax Javascript 0
P Copiare un database in uno spazio web MySQL 3
C Copiare o upladare file in automatico PHP 9
U Youtube Xl javascript .. non si puo copiare Javascript 3
G copiare database MySQL Database 2
P copiare link file in form type file Javascript 3
J Caricare, ridimensionere e copiare un immagine con PHP PHP 1
Z copiare un sito tramite 2 ftp PHP 0
J copiare il testo da un documento rtf ad un'altro ASP.NET 0
G Elementi HTML HTML e CSS 1
G Elementi Menù orizzontali HTML e CSS 2
A media degli elementi estratti da una query MySQL 0
P Errore nell'indirizzo degli elementi HTML e CSS 2
F Creare elementi html con javascript Javascript 3
R Includere elementi array fra apici PHP 1
A Contare gli elementi di un array PHP 13
T Contatore alla rovescia su più elementi simultaneamente Javascript 4
S [PHP] Estrarre elementi array su più variabili PHP 5

Discussioni simili