begin process at 2012 05 29 07:20:58
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Creer un formulaire de calcul

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Creer un formulaire de calcul

lundi 30 mai 2011 à 15:46:05 | Creer un formulaire de calcul

quinton75
Bonjour,

J'essaie de crée un formulaire qui multiplie le nombre de place par le prix mais ça ne fonctionne pas

Code Javascript :
<HTML>
<HEAD>
</HEAD>
<BODY>

<script>

function cal() {


var pl=document.form1.places.value;

var tf=document.form1.tarifs.value;

var resultat=pl*tf;


document.form1.tresultat.value=resultat;

document.write(tresultat);
}

</script>
<form name="form1">
Places :
<select name="places">
<option value="1" onClick="cal()">1
<option value="2" onClick="cal()">2
<option value="3" onClick="cal()">3
<option value="4" onClick="cal()">4
</select>
Tarifs :
<select name="tarifs">
<option value="2" onClick="cal()">Jeune
<option value="4" onClick="cal()">Adulte
</select>
<br><br>
<input type="text" name="resultat">
</form>
</BODY>
</HTML>
lundi 30 mai 2011 à 15:52:02 | Re : Creer un formulaire de calcul

quinton75
Ci-dessous le code source original, mais ca ne marche pas
Code Javascript :

<HTML>
<HEAD>
</HEAD>
<BODY>

<script>

function cal() {


var pl=document.form1.places.value;

var tf=document.form1.tarifs.value;

var resultat=pl*tf;


document.form1.tresultat.value=resultat;

}

</script>
<form name="form1">
Places :
<select name="places">
<option value="1" onClick="cal()">1
<option value="2" onClick="cal()">2
<option value="3" onClick="cal()">3
<option value="4" onClick="cal()">4
</select>
Tarifs :
<select name="tarifs">
<option value="2" onClick="cal()">Jeune
<option value="4" onClick="cal()">Adulte
</select>
<br><br>
<input type="text" name="tresultat">
</form>
</BODY>
</HTML>
lundi 30 mai 2011 à 17:33:42 | Re : Creer un formulaire de calcul

jopop
Salut,

dans tes tag OPTION et INPUT remplace name=".." par id=".."
ta fonction JS doit alors ressembler à un truc comac :
Code Javascript :
<script type="text/javascript">
function calc() {
	var tplaces = document.getElementById("places");
	var tprix   = document.getElementById("tarifs");
	var ttresultat = document.getElementById("tresultat");
	ttresultat.value = tplaces.value * tprix.value;
}
</script>


Quelques explications :
- l'accès "direct" à l'élément (ex. : document.form1.tarifs) prend en compte les identifiants des tag (id) et non leur nom (name),
- l'accès "direct" à l'élément ne fonctionne que si ton script est déclaré APRES ledit élément.
Il faut donc préférer l'usage de getElementById.

A noter dans mon code :
- pas de gestion d'un champ vide
- pas de gestion d'un champ non numérique
- pas de cast lors de la multiplication
Pour résumer : il fonctionne mais c'est pas "blindé" ;)
lundi 30 mai 2011 à 18:22:02 | Re : Creer un formulaire de calcul

quinton75
Merci de ta réponse.Apres les corrections ca ne marche pas
Code Javascript :
<HTML>
<HEAD>
</HEAD>
<BODY>

<script type="text/javascript">
function calc() {
	var tplaces = document.getElementById("places");
	var tprix   = document.getElementById("tarifs");
	var ttresultat = document.getElementById("tresultat");
	ttresultat.value = tplaces.value * tprix.value;
}

</script>


<form id="form1">
Places :
<select id="places">
<option value="1" onClick="cal()">1
<option value="2" onClick="cal()">2
<option value="3" onClick="cal()">3
<option value="4" onClick="cal()">4
</select>
Tarifs :
<select id="tarifs">
<option value="2" onClick="cal()">Jeune
<option value="4" onClick="cal()">Adulte
</select>
<br><br>
<input type="text" id="tresultat">
</form>
</BODY>
</HTML>


lundi 30 mai 2011 à 19:43:01 | Re : Creer un formulaire de calcul

jopop
Avant d'aller plus loin je vois un petit souci :
Code Javascript :
function calc()

Code HTML :
onClick="cal()"
lundi 30 mai 2011 à 23:07:03 | Re : Creer un formulaire de calcul

quinton75
J'avais deja testé comme ca mais ca ne marche toujours pas ;)
mardi 31 mai 2011 à 08:48:11 | Re : Creer un formulaire de calcul

jopop
Re,

as-tu compris ma remarque ? car ta réponse laisse supposer que non.
Tu définis une fonction "calc" mais tu appelles une fonction "cal" (sans 'c')
mardi 31 mai 2011 à 09:13:59 | Re : Creer un formulaire de calcul

smathis
Tu as quoi dans la console d'erreur de Firefox ?
Mets des alert() pouvoir les valeurs que tu as pour chaque variable... tu trouveras bien comme ça.
mardi 31 mai 2011 à 09:15:56 | Re : Creer un formulaire de calcul

smathis
En plus onClick n'est pas définie sur un <select>, utilise onChange.


Cette discussion est classée dans : formulaire, var, document, value, form1

Répondre à ce message

Sujets en rapport avec ce message

Formulaire parent [ par stailer ] Bonjour, voici un code javascript qui fonctionne bien : function Affich(table_id, coll) {     if (document.Form1[coll].value == "true")     {         Aide envoi formulaire asynchrone [ par shadow1779 ] Bonsoir,je souhaite envoyer un formulaire via xmlhttprequest afin de vérifier par une page php si certains champs n'existent pas deja dans la base de sujet formulaire [ par limaseb ] J'ai un probleme sur mon formulaire aimerais le faire apparaitre en email outlook mais en colonne et non en ligne avec entre les informations & ces po Probleme de debutant [ par darkwhite ] Salut a tous. J'ai commencer le Javascript depuis une semaine donc je debute tout juste.J'ai commencé ce programme simple : .:Darlwhite:. envoi formulaire xmlhttprequest [ par shadow1779 ] Bonjour,j'essai de faire vérifier le contenu d'un formulaire avec xmlhttprequest mais ce coup ci j'ai une petite erreur que je n'arrive pas a comprend Si superieur... [ par christuckers ] Salut les CSistes !!!Aujourd'hui, pour pas changer, question, bete, qui je pense, vous demandera pas trop d'effort...Voici mes calculs javascripts :fu Control et insertion dans des cellules [ par christuckers ] Salute tout le monde !Bon ba la j'ai l'impression de bloqué sur un truc completement ridicule. Je me dis que j'ai réussi à faire un truc de iouf, mais Fonction ET dans fonction if [ par chrisslk ] Bonjour, tout le monde, je suis nouveau sur ce site, et presque nouveau en javascript, désolé si je m'exprime mal.Cette fonction, je suis presque sur Vérification formulaire [ par maha1987 ] salut tout le monde, j'ai un formulaire html et css mais le controle javascript ne fonctionne pas j'ai essayé même avec le jquery mais toujours le mê insertion des donne javascripte dans une bdd [ par somapi ] salue les amies j'ai un pFe qui consiste à crée une ma interactive bon, ma problème c'est que j'ai des donne dans ma base j aimerait bien récupère ces


Nos sponsors


Sondage...

Comparez les prix


Apple iPhone 4 Noir (16 Go)
Entre 0€ et 0€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,905 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)