Aggiungere blocco dati

Cristian83

Utente Attivo
16 Apr 2020
20
0
1
Buonasera a tutti,
Qualcuno può aiutarmi ad inserire javascri a questo codice?
in prtica dovrei realizzare l'inserimento di dati anagrafici come nell'esempio sotto:
HTML:
<div style="background: #B1B1B1; padding: 4.5; width: 100%;">
<center><font color="#f2f2f2" face="verdana">DICHIARAZIONE DI STATO DI FAMIGLIA - PRIMO COMPONENTE</font></center>

</div>
&nbsp;
<div style="background: #f3f3f3; height: ; width: 100%; ">
<div class="row">
<div class="col-xs-6 col-md-12">
<div class="input-group mb-3">
<div class="input-group-prepend"><span class="input-group-text" id="inputGroup-sizing-default"><font face="verdana">Codice fiscale</font><font color="red">&nbsp;*</font></span></div>
<input type="text"  aria-describedby="inputGroup-sizing-default" aria-label="Default" class="form-control" id="codice_fiscale" oninput="handleInput(event)" placeholder="Es. RSSNTN66...." value="" /></div>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-md-6">
<div class="input-group mb-3">
<div class="input-group-prepend"><span class="input-group-text" id="inputGroup-sizing-default"><font face="verdana">Nome</font><font color="red">&nbsp;*</font></span></div>
<input aria-describedby="inputGroup-sizing-default" aria-label="Default" class="form-control" id="nome" oninput="handleInput(event)" placeholder="Es. Antonio" type="text" value="" /></div>
</div>

<div class="col-xs-6 col-md-6">
<div class="input-group mb-3">
<div class="input-group-prepend"><span class="input-group-text" id="inputGroup-sizing-default"><font face="verdana">Cognome</font><font color="red">&nbsp;*</font></span></div>
<input aria-describedby="inputGroup-sizing-default" aria-label="Default" class="form-control" id="cognome" oninput="handleInput(event)" placeholder="Es. Rossi" type="text" value="" /></div>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-md-12">
<div class="input-group mb-3">
<div class="input-group-prepend"><span class="input-group-text" id="inputGroup-sizing-default"><font face="verdana">Luogo di nascita</font><font color="red">&nbsp;*</font></span></div>
<input aria-describedby="inputGroup-sizing-default" aria-label="Default" class="form-control" id="luogo_di_nascita" maxlength="" oninput="handleInput(event)" placeholder="Es. Milano" type="text" value="" /></div>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-md-12">
<div class="input-group mb-3">
<div class="input-group-prepend"><span class="input-group-text" id="inputGroup-sizing-default"><font face="verdana">Data di nascita</font><font color="red">&nbsp;*</font></span></div>
<input aria-describedby="inputGroup-sizing-default" aria-label="Default" class="form-control" id="gg_mm_aaaa" maxlength="10" placeholder="Es. 01/01/1999" type="date" value="" /></div>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-md-12">
<div class="input-group mb-3">
<div class="input-group-prepend"><span class="input-group-text" id="inputGroup-sizing-default"><font face="verdana">Grado di parentela</font></span></div>
<input aria-describedby="inputGroup-sizing-default" aria-label="Default" class="form-control" id="parentela" placeholder="es... Figlio/a" type="text" value="" /></div>
</div>
</div>
</div>
Senza che la pagina diventi kilometrica, chiedevo se qualcuno di vuoi puo aiutarmi a realizzare uno script in javascript che aggiunge tutto il blocco come nel codice illustrato ovviamente deve darmi la possibilità di potermi far modificare gli id degli input per ogni blocco esempio id="codice_fiscale" nel secondo blocco id="codice_fiscale_2" ecc.. i blocchi dovranno essere 7
Grazie infinitamente.
 

Cristian83

Utente Attivo
16 Apr 2020
20
0
1
Ciao Leonardo credo che la mia richiesta sia definita in modo comprensibile... almeno spero :(:(:(
non devo inserire i dati nel database ma, forse meglio dire (clonare, duplicare.... i blocchi ovvero gli input presenti all'interno....)

Ti faccio un esempio piu pratico o quantomeno comprensibile

hai presente un sito web ecommerce? bene devo aggiungere dei prodotti
esempio:

caffe | pasta| pane | olio | zucchero| ecc.... bene... anziche creare una montagna di codice per ripetere la stessa cosa io clicco sul pulsantino e mi genera "ovviamentee in questo esempio" una nuova riga dove inserire : caffe | pasta| pane | olio | zucchero| ecc....

Questo è solo un esempio ovviamente prendi in considerazione il primo post
 

Tommy03

Utente Attivo
6 Giu 2018
616
58
28
20
Vicenza
Da qual che ho capito, potresti creare una funziona crea(parametro) che richiami con il body onload e cosi per ogni campo che ti serve riproduci lo stesso codice (ovviamente con l'ID dell input differente, passato con il parametro)
 

Cristian83

Utente Attivo
16 Apr 2020
20
0
1
ok grazie ugualmente ho risolto con il seguente codice

JavaScript:
document.getElementById('button').onclick = duplicate;


var i = 0;
var original = document.getElementById('duplicater');

function duplicate() {
    var clone = original.cloneNode(true); // "deep" clone
    clone.id = "duplicetor" + ++i; // there can only be one element with an ID
    original.parentNode.appendChild(clone);
}
 
Discussioni simili
Autore Titolo Forum Risposte Data
I aggiungere la sessione PHP 8
K [PHP] Aggiungere caratteri ad una stringa in base alla lunghezza della stessa PHP 2
E Aggiungere Parole PHP 1
A aggiungere stringa all'inizio di ogni riga di un file txt PHP 3
MarcoGrazia Aggiungere o rimuovere classi in javascript Javascript 1
F Aggiungere automaticamente sito a home del telefono HTML e CSS 2
F [PHP] Aggiungere ruolo per accedere alle pagine PHP 2
Cosina Aggiungere pulsante pause/play a slideshow Javascript 0
A Twitter aggiungere tweet a campagna esistente o salvare pubblico Social Media Marketing 0
S aggiungere colonna date in una tabella già esistente Database 0
P [PHP] Aggiungere un mio script a prestashop? PHP 10
Shyson [PHP] Aggiungere link al codice PHP 0
D Aggiungere file .css esterno su Android HTML e CSS 4
R [PHP] Aggiungere 90 minuti a stringa orario PHP 1
brasoft2019 [PHP] aggiungere timestamp in tabella correlata PHP 0
P [PHP] Aggiungere giorni e stampare risultato da data inserita in input PHP 3
L [Java] Aggiungere elementi ad array JSON Java 0
F [WordPress] [HTML] Aggiungere una pagina solo allo sticky menu WordPress 4
C [PHP] Aggiungere pulsante paypal PHP 2
M [javascript] Aggiungere eventi al caricamento Javascript 0
M aggiungere streaming audio a pagina html HTML e CSS 2
trattorino [PHP] sql aggiungere dato in una tabella senza cancellare contenuto PHP 6
Francesco Oliviero Aggiungere comando a pulsante HTML HTML e CSS 1
felino [WordPress] [WooCommerce] Ordine: aggiungere nuovi stati con notifica email al cliente WordPress 4
L [Photoshop] Aggiungere file video in timeline Photoshop 1
D [Photoshop] aggiungere piu tracce a immagine Photoshop 4
D Aggiungere slash finale ad URL con .htaccess Web Server 2
G [Javascript] aggiungere sub-namespace Javascript 0
L Aggiungere contenuto con ajax durante lo scroll jQuery 1
felino [WordPress] [Woocommerce] Aggiungere un costo addizionale per prodotto WordPress 0
G [RISOLTO][Javascript] aggiungere elemento ad array definito nella finestra madre da popup Javascript 4
elpirata Aggiungere un disco ssd separato dal raid 1 Hardware 0
S (VENDO) Possiamo aggiungere fino a 20000 Membri nei Gruppi Facebook Italiani Annunci servizi di Social Media Marketing 2
trattorino [PHP] aggiungere html in un codice PHP 0
otto9due Aggiungere n. giorni ad una data nel datepiker jQuery 4
R [HTML] Aggiungere una tabella a fianco di altre tabelle... HTML e CSS 6
F aggiungere codice dopo n elementi jquery jQuery 1
L [Javascript] Aggiungere una riga ad una tabella Javascript 5
asevenx [Javascript] aggiungere righe con select da database e calcolo sconto in automatico Javascript 0
Monital [Javascript] decidere dove aggiungere il campo dinamicamente Javascript 1
asevenx [Javascript] aggiungere dinamicamente un campo di un form Javascript 3
ACarty [Javascript] Aggiungere link alle foto. Javascript 19
matteoraggi Aggiungere filtri a woocommerce WordPress 0
S appinventor, aggiungere tasto registrazione Sviluppo app per Android 1
V Aggiungere un img nel background Sviluppo app per Android 1
felino Capability: aggiungere cap all'editor per admin.php?page WordPress 0
E problema per aggiungere un database mdf da visual studio .NET Framework 9
M Aggiungere input text dopo aver selezionato un campo da una select option Presentati al Forum 0
M aggiungere dei div non sostituirli Javascript 1
P Aggiungere campo input da una select jQuery 1

Discussioni simili