Creazione dinamica righe form

elpirata

Utente Attivo
18 Mar 2009
264
7
18
Buonasera raga,
ho implementato nel mio piccolo programmino php una funzione javascript che all'atto del clic sul pulsante "+" genera dinamicamente una nuova riga nel mio form.

Questo il codice javascript:
Codice:
<script>
$(document).ready(function(){
var regex = /^(.*)(\d)+$/i;
var cindex = 1;
    
	$('body').on('click', '.add', function() {
	var $tr    = $(this).closest('.righe');
    var $clone = $tr.clone();
    cindex++;
    $clone.find(':text').val('');
    $clone.attr('id', 'id'+(cindex) ); 
	$clone.attr('name', 'name'+(cindex) );
    $clone.find("*").each(function() {
            var id = this.id || "";
			var name = this.name || "";
            var match = id.match(regex) || [];
            if (match.length == 3) {
                this.id = match[1] + (cindex);
				this.name = match[1] + (cindex);
            }
		if($("img .add").length < cindex){
			$('.add').addClass( 'addisable' ).removeClass( 'add' )
		}
	 		
   });
    $tr.after($clone);
    })
});

</script>

Questo l'html della riga che viene duplicata

Codice:
<tr class="righe">
<td><input name="itr1" id="itr1" class="uppercase" size="35"></td>
<td><input name="for1" id="for1" class="uppercase" size="13"></td>
<td align="center"><input name="q1" class="uppercase factor" id="q1" size="1" value=""></td>
<td align="center"><input name="iu1" class="uppercase factor" id="iu1" size="1" value=""></td>
<td><input name="imp_1" id="imp_1"class="uppercase factor" size="4" value=""></td>
<td align="center"><img src="css/img/add.png" name="add1" width="16" height="16" id="add1" class="add"></td>
</tr>

Il mio problema è che in fase di creazione della riga aggiuntiva non viene duplicata la classe factor presente nelle righe "id=q1" -"id=iu1" -"id=imp_1"

questa classe serve per richiamare lo script javascript che si occupa di effettuare il calcolo quantità*importo pertanto il calcolo funziona solo sulla prima riga e non su quelle generate dinamicamente...

Codice:
<!-- SCRIPT JS PER CALCOLO Q.TA * IMPORTO UNITARIO -->

<script type="text/javascript">
$(function(){
    $('.factor').keyup(function(){
   var t=$(this).parents('tr')
        var factors=$('.factor',t);
    $('input[name^="imp_"]',t).val(Number(factors.eq(0).val())*Number(factors.eq(1).val()));
    });
});
</script>


Calcolo_no.png

Mi dareste una mano ?
 

elpirata

Utente Attivo
18 Mar 2009
264
7
18
risolto cosi,
Codice:
<script>
$(document).ready(function(){
var regex = /^(.*)(\d)+$/i;
var cindex = 1;
    
	$('body').on('click', '.add', function() {
	var $tr    = $(this).closest('.righe');
    var $clone = $tr.clone();
    cindex++;
    $clone.find(':text').val('');
    $clone.attr('id', 'id'+(cindex) ); 
	$clone.attr('name', 'name'+(cindex) );
    $clone.find("*").each(function() {
            var id = this.id || "";
	    var name = this.name || "";
            var match = id.match(regex) || [];
            if (match.length == 3) {
                this.id = match[1] + (cindex);
				this.name = match[1] + (cindex);
            }
		if($("img .add").length < cindex){
			$('.add').addClass( 'addisable' ).removeClass( 'add' )
		}
	
   });
    $tr.after($clone);
 }).on('keyup','.somma', function(){
		SommaRiga(cindex)
	}).on('blur','.somma', function(){
		var punit = $("#iu"+cindex).val()
		if(punit!=""){ 
		$("#iu"+cindex).val((punit*1).toFixed(2))  
		}
		else{$("#iu"+cindex).val('')}
	})
});
function SommaTotale(){
}
function SommaRiga(num){
var tot =0
	var qt = $("#q"+num).val()
	var unitario = $("#iu"+num).val()
	var somma = (qt*1*unitario*1)
	if(somma>0){
		$("#imp_"+num).val(somma.toFixed(2))
	}else{
		$("#imp_"+num).val('')
		$("#iu"+num).val('')
	}
	var elem = $('input[name^="imp_"]')
	for(i=0; i<elem.length;i++) {
	tot += (elem.eq(i).val()*1)
    };
	$("#totale").val(tot.toFixed(2))
	//alert(num)
}
</script>

il problema adesso dopo la riga 10 non effettua più i calcoli :(
 
Discussioni simili
Autore Titolo Forum Risposte Data
S creazione pagina news dinamica PHP 4
carter Problema creazione dinamica file txt PHP 2
S Aggiornamento contenuto di un div dopo la creazione di una select dinamica Javascript 0
Y Creazione dinamica di campi in un DB MySql PHP 5
S Creazione dinamica-Interattiva di Forme Flash 0
F NetBeans problema creazione progetto Java Windows e Software 0
A Creazione cookie e gestione accessi PHP 0
D Creazione sito e-commerce WP CMS (Content Management System) 0
A Consiglio per creazione sito web CMS (Content Management System) 0
S CREAZIONE DI SITO PER CORSI DI FORMAZIONE WordPress 2
spider81man Creazione di un UNICA tabella da più file .CSV PHP 1
M Creazione menu a tendina Javascript 3
S Download di un file in automatico dopo la sua creazione PHP 2
G creazione menu a tendina e invio a pagina php PHP 1
M Problemi con creazione maschere Presentati al Forum 1
F Creazione script Tv Presentati al Forum 1
W Creazione Cartella Classic ASP 2
A recuperare data creazione di un file PHP 6
D Neofita. Creazione applicativo prenotazione automezzi Offerte e Richieste di Lavoro e/o Collaborazione 12
L Aiuto creazione menu mancante WordPress 0
E Creazione URL per chat whatsapp WordPress 1
L Creazione di 2 o più record PHP 6
W Creazione di una griglia HTML e CSS 1
E Creazione di un sito di news PHP 16
S Scelta software/cms per creazione sito Webdesign e Grafica 6
E Creazione gestionale timesheet partendo da foglio excel Offerte e Richieste di Lavoro e/o Collaborazione 0
M Creazione notifica sonora Javascript 1
R Creazione sito eccomerce privato. Offerte e Richieste di Lavoro e/o Collaborazione 2
I Creazione programmino JAVA Offerte e Richieste di Lavoro e/o Collaborazione 0
D Difficile creazione excel di dati di grandi dimensioni Classic ASP 2
I creazione stile css HTML e CSS 3
A [Offro][retribuito] Creazione siti web/ web app (Django) Offerte e Richieste di Lavoro e/o Collaborazione 2
Stefano Migotto Creazione di un div con php o js PHP 9
G [OFFRO][RETRIBUITO] Creazione siti web e loghi professionali Offerte e Richieste di Lavoro e/o Collaborazione 0
D Creazione sito Offerte e Richieste di Lavoro e/o Collaborazione 0
D CREAZIONE E GESTIONE SITO E-COMMERCE Offerte e Richieste di Lavoro e/o Collaborazione 2
C [WordPress] Retribuzione creazione Sito Web vetrina Discussioni Varie 3
I [Javascript] Creazione di una piccola libreria e integrazione in angular Javascript 2
S [OFFRO] Creazione di programmi per la modifica automatizzata di testi Offerte e Richieste di Lavoro e/o Collaborazione 0
T [php] problema creazione query select-where PHP 5
Daniele_Carrara [PHP] Creazione Carrello PHP 1
G Creazione Landing Page Offerte e Richieste di Lavoro e/o Collaborazione 2
P [HTML] Creazione pagina web da dove iniziare HTML e CSS 2
L Creazione form html HTML e CSS 3
Monital [PHP]Far riconoscere stringa o numerico epr creazione campo tabella PHP 6
W [PHP] Creazione classe PDO PHP 4
K [PHP] Creazione di Calendario con orario PHP 4
V [CREO] Creazione profilo INSTAGRAM ad hoc per SVILUPPO MARKETING aziendale Offerte e Richieste di Lavoro e/o Collaborazione 0
Store creazione campo search in php PHP 1
Store creazione barra search sito web Presentati al Forum 3

Discussioni simili