Discussion :

[c3dric49000]

Bonjour,
Etant en difficulté avec un formulaire pourtant simple je demande de l’aide.

Voilà j’ai un formulaire basique en HTML avec envoi dans une BDD en PHP, dans celui-ci ,j’ai une calculatrice automatique qui fonctionne avec un form : <form name="frm" method="post" action="" onSubmit="return testsubmit()"> , le problème c’est que cela me fait deux <form> dans mon formulaire et que donc soit l’envoi, soit la calculatrice ne fonctionne pas, j’aimerai un coup de main pour faire cohabité les deux.

Merci à vous.

Ps: voila le script que j'utilise pour la calculatrice :

Code :

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

1
2
3
4
5
6
7
<script type="text/javascript">
function calcul()
{
  document.frm.total1.value=Number(document.frm.quant1.value)*Number(document.frm.pu1.value);
  document.frm.totaux.value=Number(document.frm.total1.value)+Number(document.frm.total2.value)+Number(document.frm.total3.value);
}
</script>

[Christophe P.]

Bonjour,

avez-vous essayé de valider le formulaire (frm.submit()) dans la fonction javascript ?
Exemple :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<form name="frm" method="post" action="" onSubmit="testsubmit()">
...
</form>
<script type="text/javascript">
function testsubmit()
{
    calcul();
    frm.submit();
}
</script>

[c3dric49000]

Bonjour et merci de votre réponse.

En faite pour evité les deux form j'ai tous simplement change le JS qui est maintenant comme cela :

Code :

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

1
2
3
4
5
6
7
8
9
 
<script type='text/javascript'>
function multiply(){
                var quantite=(!isNaN(document.getElementById('quant1').value))?Number(document.getElementById('quant1').value):"x";
                var prix=(!isNaN(document.getElementById('pu1').value))?Number(document.getElementById('pu1').value):"x";
               document.getElementById('total1').value=(quantite!="x" && prix!="x")?quantite*prix:'???';
                }  
 
</script>

Sachant que j'ai plusieurs ligne avec quant1 / pu1 / total1 -> quant2 / pu2 / total2 -> quant3 / pu3 / total3 etc ...

Comment faire sans multiplié par le nombre de ligne la fonction multiply()
Pour l'instant je fait comme cela, mais je pense qu'il y a plus simple, surtout je pense mettre ces ligne seulement si besoin (ajax) :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<script type='text/javascript'>
function multiply(){
				var quantite=(!isNaN(document.getElementById('quant1').value))?Number(document.getElementById('quant1').value):"x";
				var prix=(!isNaN(document.getElementById('pu1').value))?Number(document.getElementById('pu1').value):"x";
			   document.getElementById('total1').value=(quantite!="x" && prix!="x")?quantite*prix:'???';
				}
 
function multiply2(){
				var quantite2=(!isNaN(document.getElementById('quant2').value))?Number(document.getElementById('quant2').value):"x";
				var prix2=(!isNaN(document.getElementById('pu2').value))?Number(document.getElementById('pu2').value):"x";
			   document.getElementById('total2').value=(quantite2!="x" && prix2!="x")?quantite2*prix2:'???';
				}

[Christophe P.]

Pour éviter la duplication de code, passer le numéro de ligne en paramètre :

Code :

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

1
2
3
4
5
6
7
8
<script type='text/javascript'>
function multiply(id){
                var quantite=(!isNaN(document.getElementById('quant'+id).value))?Number(document.getElementById('quant'+id).value):"x";
                var prix=(!isNaN(document.getElementById('pu'+id).value))?Number(document.getElementById('pu'+id).value):"x";
               document.getElementById('total'+id).value=(quantite!="x" && prix!="x")?quantite*prix:'???';
                }  
 
</script>

[c3dric49000]

Merci à toi c'est impeccable