Opérations sur un formulaire html

Résolu
zouzouphptte Messages postés 3 Statut Membre -  
zouzouphptte Messages postés 3 Statut Membre -
Bonjour,
Je suis débutante en php. Pour mon stage, je réalise une base de données sous mysql avec une jolie interface en php.
Je dois réaliser une interface "intelligente".
J'ai un formulaire de saisie pour rentrer mes données.

Type <input type="text" name="type"><br>
Concentration <input type="text" name="concentration"> µg/µl <br>
volume<input type="text" name="volume"> µl <br>
Quantité totale <input type="button" value="="> <input type="text" name="quantité"> µg <br>

En fait je voudrais faire une fonction toute simple qui me récupère les valeur de concentration et volume (qui sont définis comme des double dans ma base de données), qui les multiplie et qui renvoi le résultat dans le champ "quantité" lors que l'on click sur le bouton =.

J'ai essayé plusieurs fonctions en php et en javascript mais je n'ai jamais réussi a faire marcher cela.
Est-ce que vous pouvez m'aider, s'il vous plait??
Merci.
A voir également:

2 réponses

Utilisateur anonyme
 
Je te suggère d'ajouter sur tes input l'attribut "id" ex :
<input type="text" id="concentration" name ="concentration" ...>
Si tu préfères garder les attribut name alors remplace la méthode getElementById('id') par getElementsByName('name')[0]. En sachant que tu ne peux pas avoir 2 id identiques dans ta page alors que tu peux mettre le même attribut name pour plusieurs input. Fais bien attention dans ce cas la méthode getElementsByName te retourne un tableau et fais donc bien attention de prendre le bon.
Petite fonction javascript à insérer dans la partie <head> </head> de ta page :
function CalculerTotal() {
	var concentration = document.getElementById('concentration').value;
	var volume = document.getElementById('volume').value;

	var total;

	if(!isNaN(concentration) && !isNaN(volume))
		total = concentration * volume;
	else
		total = 'Merci de saisir des nombres';
	document.getElementById('quantite').value = total;
}
Pour ton bouton tu ajoutes :
Quantité totale <input type="button" value="=" onclick="CalculerTotal();">
Tout devrait fonctionner normalement ;-)
1
zouzouphptte Messages postés 3 Statut Membre 1
 
Bonjour,
Merci pour ta réponse.
Ca yest ca marche!!!
A bientot
1