Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1428 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Pb sur formulaire javascript

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Pb sur formulaire javascript

n°1936280
fouine46
Posté le 29-10-2009 à 17:05:34  profilanswer
 

Bonjour à tous.
Je veux faire un petit script pour une page Html, le but étant de calculer son poids idéal
J'ai donc fait ce programme (cf ci-dessous), mais lorsque qu'on clique sur le "calculer votre poids idéal", aucune fenetre n'apparait. Et bien sur, je ne comprends pas pourquoi. Si vous avez une idée, je vous remercie. Inutile de vous dire que je suis plus que débutant!

Citation :


<HEAD><TITLE>Calcul du poids</TITLE>
 
  <SCRIPT Language ="JavaScript" type="text/javascript">
   // étape : définition de la fonction afficheMessage
   function afficheMessage(m){
    alert(m);}  
   
   
   // première étape : définition de la fonction homme
   function calculHomme(t){
    var t;  
    t = document.poids.taille.value;
     
    return 0.9*(t-100);}
     
   // deuxieme étape : définition de la fonction femme  
   
   function calculFemme(t){
    var t;
    t = document.poids.taille.value;
     
    return 0.85*(t-100);}
     
   // troisième étape : définition de la fonction principale
   
   function Principale(){
   
    var p,s,n,t,mess;
     
     
     if (document.poids.sexe[0].checked==true){
     p = calculHomme(t);
     s = "Monsieur";}
     else{
     p = calculFemme(t);
     s = "Madame";}
       
    n = document.poids.nom.value;
     
    mess = "Bonjour "+ s +" "+ n ". Votre poids idéal est : " +p+ " kg";
    afficheMessage(mess);}
   
   
  </SCRIPT>
 
 <HEAD>
 <BODY>
 
   
   
  <Form method="post" name="poids"  enctype ="text/plain">
   <H1>Calculez votre poids idéal!!!!!</H1>
    Entrez votre nom :  
   <Input type="text" name = "nom"><br>
    Entrez votre taille en cm :  
   <Input type="text" name = "taille"><br>
 
   <input type = "radio" name = "sexe" checked> Homme
   <input type = "radio" name = "sexe" > Femme
   <input type = "button" value = "Calculer votre poids" Onclick = "Principale();">
   <input type = "reset" value = "Annuler">
 
  </Form>
   
   
 </BODY>


 
Merci beaucoup !! :bounce:

mood
Publicité
Posté le 29-10-2009 à 17:05:34  profilanswer
 

n°1936320
stealth35
Posté le 29-10-2009 à 20:14:39  profilanswer
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5.  <title>Calcul du poids</title>
  6.  <script type="text/javascript">
  7.   var form = null;
  8.   // étape : définition de la fonction afficheMessage
  9.   function afficheMessage(m)
  10.   {
  11.    alert(m);
  12.   } 
  13.   // première étape : définition de la fonction homme
  14.   function calculHomme(t)
  15.   {
  16.    var t = form.taille.value;
  17.    
  18.    return 0.9*(t-100);
  19.   }
  20.    
  21.   // deuxieme étape : définition de la fonction femme   
  22.   function calculFemme(t)
  23.   {
  24.    var t = form.taille.value;
  25.    
  26.    return 0.85*(t-100);
  27.   }
  28.    
  29.   // troisième étape : définition de la fonction principale
  30.   function Principale()
  31.   {
  32.    form = document.forms[0];
  33.    var t = form.taille;
  34.    var s = null;
  35.    if (form.sexe[0].checked==true)
  36.    {
  37.     p = calculHomme(t);
  38.     s = "Monsieur";}
  39.    else
  40.    {
  41.     p = calculFemme(t);
  42.     s = "Madame";
  43.    }
  44.      
  45.    n = form.nom.value;
  46.    
  47.    mess = "Bonjour "+ s +" "+ n + ". Votre poids idéal est : " + p + " kg";
  48.    afficheMessage(mess);
  49.   }
  50.  </script>
  51. </head>
  52. <body>
  53.  <form method="post">
  54.   <dl>
  55.    <dt>Calculez votre poids idéal!!!!!</dt>
  56.    <dd><label>Entrez votre nom :</label></dd>
  57.    <dd><input type="text" name="nom" /></dd>
  58.    <dd><label>Entrez votre taille en cm :  </label></dd>
  59.    <dd><input type="text" name="taille" /></dd>
  60.    <dd><input type="radio" name="sexe" value="homme" checked="checked"/> Homme</dd>
  61.    <dd><input type="radio" name="sexe" value="femme" /> Femme</dd>
  62.    <dd><input type="button" value="Calculer votre poids" onclick="Principale();" /></dd>
  63.    <dd><input type="reset" value="Annuler" /></dd>
  64.   </dl>
  65.  </form>
  66. </body>
  67. </html>


Message édité par stealth35 le 29-10-2009 à 20:15:20
n°1936345
fouine46
Posté le 29-10-2009 à 22:40:44  profilanswer
 

Merci beaucoup pour cette aide précieuse.
Je continue à modifier mon script !
Bonne soirée !


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Pb sur formulaire javascript

 

Sujets relatifs
html / javascript / onclickprobleme d'affichage javascript
[html] Problème sur un formulaire avec plusieurs boutons submitPoster un formulaire quand on clique sur un bouton radio
Javascript dans commentaire HTML ou <noscript> ??Pb javascript et formulaire avec validation par touche entrée
[resolu] Formulaire avec upload qui renomme mon fichierproblème formulaire envoie d'un get au lieu d'un post...
Plus de sujets relatifs à : Pb sur formulaire javascript


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR