IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Script calcul d'âge


Sujet :

JavaScript

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Mai 2013
    Messages
    120
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2013
    Messages : 120
    Points : 53
    Points
    53
    Par défaut Script calcul d'âge
    Bonjour à tous,

    j'ai un problème avec le code qui suit, dans le but de mon stage, je dois réaliser un formulaire, prenant une date de naissance et calculant l'âge automatiquement.

    j'ai trouvé un code intéressant sur internet, qui marche avec un seul input text, seulement dans mon cas, j'ai besoin d'utiliser des <select>

    j'ai donc adapté mon code comme suit, mais cela ne fonctionne pas, après une heure de recherche, toujours rien

    Merci d'avance pour votre aide.


    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
    function calcul_age(jour,mois,annee){
     
    	var	jour_n = document.getElementById(jour);
    	var	mois_n = document.getElementById(mois).value;
    	var	annee_n = document.getElementById(annee);
     
    	var date_day = new Date();
    		jour_day = date_day.getDate();
    		mois_day = date_day.getMonth()+1;
    		annee_day = date_day.getFullYear();
     
    	//calcul age
    	var ans; var mois; var age="";
     
    	if(mois_day >= mois_n){
    		ans =  annee_day - annee_n;
    		mois= mois_day - mois_n;
    	}else{
    		ans =  (annee_day - annee_n) -1;
    		mois= mois_day +( 12 - mois_n);
    	}
    	if(jour_day < jour_n){	
    		mois= mois -1;
    		if(mois_day < mois_n){
    		ans =  ans -1;
    		}	
    	}
     
    	if(ans >0 && ans <=1) age += ans+' an ';
    	if(ans >1) age += ans+' ans ';
    	if(mois >0) age +=mois+' mois ';
    	 // on affiche le résultat
    	document.getElementById('reponse').innerHTML = age;
    }
    Code html : 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
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    <body>
    <form name="my_form" method="post" action="">
     
    <p> 
     
     <select name="jour" id="jour">           
     <option>1</option>      
     <option>2</option>       
     <option>3</option>       
     <option>4</option>     
     <option>5</option>     
     <option>6</option>      
     <option>7</option>  
     <option>8 </option>    
     <option>9</option>     
     <option>10 </option>       
     <option>11</option>      
     <option>12</option>    
     </select> 
     
     -    
     <select name="mois" id="mois">           
     <option value="01">Janvier</option>      
     <option value="02">Février</option>       
     <option value="03">Mars</option>       
     <option value="04">Avril</option>     
     <option value="05">Mai</option>     
     <option value="06">Juin</option>      
     <option value="07">Juillet</option>  
     <option value="08">Août </option>    
     <option value="09">Septembre</option>     
     <option value="10">Octobre </option>       
     <option value="11">Novembre</option>      
     <option value="12">Décembre</option>    
     </select> 
     
     - 
     
     <select name="année" id="annee" onchange="calcul_age(jour,mois,annee);">  
     <option>1993</option> 
     <option>1994</option>  
     <option>1995</option>  
     <option>1996</option> 
     <option>1997</option>  
     <option>1998</option>  
     <option>1999</option>
     <option>2001</option>  
     <option>2002</option>   
     <option>2003</option>
     <option>2005</option>   
     <option>2006</option>  
     <option>2007</option>  
     <option>2008</option>  
     <option>2009</option> 
     </select> 
     
    <br />
    <div id="reponse"><!-- la réponse va s'inscrire ici --></div>
     
     
    </form>
    </body>

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onchange="calcul_age(jour,mois,annee);"
    Dans ton appel de fonction, jour, mois et annee sont considérés comme des variables et ne correspondent donc à rien.

  3. #3
    Membre du Club
    Profil pro
    Inscrit en
    Mai 2013
    Messages
    120
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2013
    Messages : 120
    Points : 53
    Points
    53
    Par défaut
    Je me doutais bien que le problème venait de là

    Que dois-je mettre en argument alors ?

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 663
    Points
    66 663
    Billets dans le blog
    1
    Par défaut
    ben des chiffres ...

  5. #5
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Des valeurs en dur qui correspondent aux id de tes champs.
    Ceci dit, au vu de ta fonction, ça semble quand même inutile puisque ces valeurs sont fixes...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    function calcul_age(){
        var	jour_n = document.getElementById('jour');
        var	mois_n = document.getElementById('mois').value;
        var	annee_n = document.getElementById('annee');
        ...
    }
    D'autre part, il manque aussi des .value pour que ça fonctionne correctement.

  6. #6
    Membre du Club
    Profil pro
    Inscrit en
    Mai 2013
    Messages
    120
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2013
    Messages : 120
    Points : 53
    Points
    53
    Par défaut
    Citation Envoyé par Bovino Voir le message
    D
    D'autre part, il manque aussi des .value pour que ça fonctionne correctement.

    Je met uniquement un .value pour le mois afin de récuper 1,2,3,... selon le mois Janvier, Février,...

    J'ai ajouté des .value sur mes 3 document.getElementById mais rien n'y fait.

  7. #7
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 663
    Points
    66 663
    Billets dans le blog
    1
    Par défaut
    avec ton code ... ça nous permettrait de voir tes erreurs

  8. #8
    Membre du Club
    Profil pro
    Inscrit en
    Mai 2013
    Messages
    120
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2013
    Messages : 120
    Points : 53
    Points
    53
    Par défaut
    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
    function calcul_age(){
     
    	var	jour_n = document.getElementById(jour).value;
    	var	mois_n = document.getElementById(mois).value;
    	var	annee_n = document.getElementById(annee).value;
     
    	var date_day = new Date();
    		jour_day = date_day.getDate();
    		mois_day = date_day.getMonth()+1;
    		annee_day = date_day.getFullYear();
     
    	//calcul age
    	var ans; var mois; var age="";
     
    	if(mois_day >= mois_n){
    		ans =  annee_day - annee_n;
    		mois= mois_day - mois_n;
    	}else{
    		ans =  (annee_day - annee_n) -1;
    		mois= mois_day +( 12 - mois_n);
    	}
    	if(jour_day < jour_n){	
    		mois= mois -1;
    		if(mois_day < mois_n){
    		ans =  ans -1;
    		}	
    	}
     
    	if(ans >0 && ans <=1) age += ans+' an ';
    	if(ans >1) age += ans+' ans ';
    	if(mois >0) age +=mois+' mois ';
    	 // on affiche le résultat
    	document.getElementById('reponse').innerHTML = age;
    }
    Code html : 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
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    <form name="my_form" method="post" action="">
     
    <p> 
     
     <select name="jour" id="jour">           
     <option>1</option>      
     <option>2</option>       
     <option>3</option>       
     <option>4</option>     
     <option>5</option>     
     <option>6</option>      
     <option>7</option>  
     <option>8 </option>    
     <option>9</option>     
     <option>10 </option>       
     <option>11</option>      
     <option>12</option>    
     </select> 
     
     -    
     <select name="mois" id="mois">           
     <option value="01">Janvier</option>      
     <option value="02">Février</option>       
     <option value="03">Mars</option>       
     <option value="04">Avril</option>     
     <option value="05">Mai</option>     
     <option value="06">Juin</option>      
     <option value="07">Juillet</option>  
     <option value="08">Août </option>    
     <option value="09">Septembre</option>     
     <option value="10">Octobre </option>       
     <option value="11">Novembre</option>      
     <option value="12">Décembre</option>    
     </select> 
     
     - 
     
     <select name="année" id="annee" onchange="calcul_age();">  
     <option>1993</option> 
     <option>1994</option>  
     <option>1995</option>  
     <option>1996</option> 
     <option>1997</option>  
     <option>1998</option>  
     <option>1999</option>
     <option>2001</option>  
     <option>2002</option>   
     <option>2003</option>
     <option>2005</option>   
     <option>2006</option>  
     <option>2007</option>  
     <option>2008</option>  
     <option>2009</option> 
     </select> 
     
    <br />
    <div id="reponse"><!-- la réponse va s'inscrire ici --></div>
     
     
    </form>

  9. #9
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 663
    Points
    66 663
    Billets dans le blog
    1
    Par défaut
    getElemetnById attend un string en paramètre ...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var	jour_n = document.getElementById(jour).value;
    dans ton code, jour est une variable ...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    var	jour_n = document.getElementById("jour").value;
    ou
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    jour="jour"
    var	jour_n = document.getElementById(jour).value;

  10. #10
    Membre du Club
    Profil pro
    Inscrit en
    Mai 2013
    Messages
    120
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2013
    Messages : 120
    Points : 53
    Points
    53
    Par défaut
    Problème solved

    Merci à tous.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Problème script calcul liste déroulante
    Par Linea26 dans le forum Développement Web en Java
    Réponses: 1
    Dernier message: 15/02/2012, 11h42
  2. petit script, calculer taille fichier
    Par Kuchiki Byakuya dans le forum Linux
    Réponses: 14
    Dernier message: 15/10/2009, 18h55
  3. [MySQL] script calcul devis avec tva
    Par faucon54 dans le forum PHP & Base de données
    Réponses: 2
    Dernier message: 15/05/2007, 11h18
  4. recherche script calcul affichage page
    Par fey dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 6
    Dernier message: 09/09/2006, 17h16
  5. SCRIPT CALCULANT LA DATE
    Par Redouane dans le forum ASP
    Réponses: 3
    Dernier message: 17/03/2004, 09h10

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo