Discussion :

[Analfabete]

Bonjour a tous et bon dimanche ! :p
Je suis actuellement de réaliser un formulaire dynamique qui a pour but lorsque l'utilisateur ajoute la quantité d'un produit une nouvel div apparait pour qu'il ajoute la quantité d'un nouveau produit etc...
Cepepant j'aimerai ajouter un formulaire total qui calcul prix*qtt + prxi1*qtt1 etc...
Mais je ne sais pas comment faire voilà déja mon début de code:
Ma page:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
            <form id="code"action="<? echo $PHP_SELF ?>" method="post" >
 
                <p> 
                        <label>Code</label>
                        <select  id="code" name="code" class="textfield">
                         </select> 
 
                <span style="margin-left:10px;">Prix unitaire: 10&euro;</span>
                <span style="margin-left:10px;">Quantit&eacute;:</span>
 
                 <input type="text" name="qtt"  class="textfield"   onchange="ajout()" size="1"/>
      </p>
 
 
                 <p id="code_i1" style="display:none"> 
                               <label>Code</label>
                                <select  class="textfield">
                            </select> 
 
                                <span style="margin-left:10px;">Prix unitaire: 10&euro;</span>
                                <span style="margin-left:10px;">Quantit&eacute;:</span>
 
                        <input class="textfield" type="text" name="qtt1"  onchange="ajout1()" size="1"/>
                </p>
 
 
                 <p id="code_i2" style="display:none"> 
                 <br />
                               <label>Code</label>
                                <select class="textfield">
                            </select> 
 
                                <span style="margin-left:10px;">Prix unitaire: 10&euro;</span>
                                <span style="margin-left:10px;">Quantit&eacute;:</span>
 
                        <input class="textfield" type="text" onchange="ajout2()" name="qtt2"size="1"/>
                </p>

Je n'est pas encore incorporer la parti php mais prenon comme nom de variable des prix des produits "prix" "prix1" etc...
Et voilà le code JS un peu lourd ^^ :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
function ajout() { 
        var qtt= document.forms.code.qtt.value;
 
                if (document.forms.code.qtt.value != "")
                {
                        document.forms.code.qtt.value= qtt;
                        document.getElementById('code_i1').style.display='inline';
                }
 
                else { document.getElementById('code_i1').style.display='none'; }
}
 
function ajout1() { 
 
        var qtt1= document.forms.code.qtt1.value;
 
                if (document.forms.code.qtt1.value != "")
                {
                        document.forms.code.qtt1.value= qtt1;
                        document.getElementById('code_i2').style.display='inline';
                }
 
                else { document.getElementById('code_i2').style.display='none'; }
}

En passant j'ai essayer d'alléger le script par un boucle qui ne marche pas

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
unction test(){
	for(i=0;i<4;i++){	
 
	var qtt+i= document.forms.code.'qtt+i'.value;
 
		if (document.forms.code.'qtt+i'.value != "")
		{
			document.forms.code.qtt+i.value= qtt+i;
			document.getElementById('code_i+i+1').style.display='inline';
                        i+=1;
		}
 
		else { document.getElementById('code_i+i+1').style.display='none'; }
	}
}$

Merci d'avance !

[Matthieu2000]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
for(i=0;i<4;i++){	
 
	 qtt= document.forms.code.elements['qtt'+i].value;
 
		if (document.forms.code.elements['qtt'+i].value != "")
		{
			document.forms.code.elements['qtt'+i].value= qtt;
			document.getElementById('code_i'+ (i+1) ).style.display='inline';
		}	
		else { document.getElementById('code_i'+ (i+1) ).style.display='none'; }
	}

un début...