Script [JS] calcul de l'age (avec mois + age) Résolu

Question

Bonjour, 


Je souhaiterais avoir un script qui mettrais les informations suivantes :

 J'ai 0 ans et 10 mois
(mais que cela ce fasse automatiquement) et que si l'age est 0 ans et 12 mois, cela passe a 1ans et 0 mois.

Je voudrais faire ce script de naissance avec cette date de naissance : 04/11/2011.


Merci bcp de votre aide !

Cordialement,

Alain_42 · Accepted Answer

bon je t'ai fait ce petit script, j'espère avoir traité tous les cas:

Laharl · Answer

Petit up ...

sommaille · Answer

GROS UP !

Caro Isaana · Answer

Bravo pour ce script.
Je cherche la même chose, mais que ca se fasse automatiquement : que l'on n'ait pas besoin de cliquer sur le bouton 'calculer', mais qu'en fonction de la date du jour, ca nous donne automatiquement l'année et le mois.
Merci d'avance pour votre aide.

Alain_42 · Answer

voila:
<html>
<head>
<script type="text/javascript">
function calcul_age(id_naissance){	
	var date_naissance=document.getElementById(id_naissance).value;
	//l'appel de la fonction se fait a chaque chiffre tapé, on verifie donc que tous les chiffres de la date ont été tapés pour fair ele calcul
	var reg=new RegExp("^[0-9]{1,2}/[0-9]{1,2}/[0-9]{4}$","i");
	if(reg.test(date_naissance)){
	var elem_n = date_naissance.split('/');
		jour_n = elem_n[0];
		mois_n = elem_n[1];
		annee_n = elem_n[2];
	
	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;
	}else{	
		return false;
	}
}

</script>
</head>
<body>
<form name="my_form" method="post" action="">
Date naissance:<input type="text" name="date_naissance" id="date_naissance" value="" onkeyup="calcul_age('date_naissance');" />(jj/mm/aaaa)<br />
<div id="reponse"></div>
</form>
</body>
</html>

Caro Isaana · Answer

Un grand merci pour avoir potassé si rapidement pour moi, c'est vraiment tres gentil. Alors autant le premier script fonctionnait, autant celui là ne fonctionne pas. A moins que je ne sache pas m'en servir, mais je suppose qu'il faut entre la date, à cet endroit sur le script />(jj/mm/aaaa)
J'ai tenté de mettre 22/12/2005, ca m'a laissé le cadre du résultat vide, alors peut-être je m'y prends mal... Si je peux abuser, j'aurai souhaité que ce script soit possible plusieurs fois sur la meme page. En fait, sur certaines pages de mon site, il y a des pedigrees de chiens. Je donne les dates de naissance de certains des chiens, et lorsqu'ils sont encore en vie, je donne l'âge qu'ils ont en Année et mois. Par exemple : Médor = né le 01.01.2000 le 01/03/2013 il aura 13 ans 2 Mois. Vu qu'il y a une trentaine de pedigrees et que sur chacun de ces pedigrees il y a plusieurs de ces chiens encore vivants, donc à chaque fois changer les dates, je me demande s'il y a possibilité qu'un script le gere automatiquement. D'avance, merci pour ton aide !

Alain_42 · Answer

je ne comprend pas chez moi ça marche,avec FireFox, mais pas avec IE edit: sous IE il faut autoriser les scripts javascript pour répondre à ta question voici le code modifié pour s'adapter à plusieurs dates

Caro Isaana · Answer

Bonjour,

Merci encore  Alain-42 pour ton nouveau script.

Alors, je l'ai testé. Sur 3 navigateurs différents : 
- Firefox,
- IE,
- Google chrome.

Sur les 3 navigateurs (effectivement sur IE ca me demande d'autoriser le script), ca me fait la mm chose : 

si je remplace : 
Date naissance 1:(jj/mm/aaaa)
par :
Date naissance 1:(14/04/2003)

ca m'affiche 

Date naissance 1:(14/04/2003) =>

mais ca ne donne pas le résultat automatiquement.
Par contre si dans le cadre (qui ne s'affiche pas là, mm si je fais un copié/collé) (entre (14/04/2003) et  =>) je re-écris la date, là ca affiche le résultat : 
Date naissance 1:(06/12/2012) => Réponse:9 ans 9 mois  

Ce n'est donc pas possible que j'entre la date sur mon éditeur de site, et que ca s'affiche automatiquement sur le site, sans que l'on fasse une manip ?

Merci d'avance pour ta réponse.
Caro

Alain_42 · Answer

il faut rentrer la date dans le "cadre"

Caro Isaana · Answer

rentrer la date dans le 'cadre' sur mon éditeur de site ?
ou ?
à l'endroit value="" ?


ou tu me dis qu'en fait ca ne peut se mettre automatiquement et que c'est aux gens sur le site de le mettre dans le cadre ?

Merci pour ta réponse.

Alain_42 · Answer

je n'avait pas compris, je pensait que tu voulait faire un genre de calculatrice où on rentre une date et ça donne l'age. 

Toi ce que tu veux faire c'est rentrer "en dur" la date dans les champs lorsque tu crée ton site et que à côté ça indique l'age 
 lorsque la page est affichée
ou est que cette date est chargée avec du php ?

Caro Isaana · Answer

Oui, c'est bien ca.
Je n'ose pas mettre le lien d'une des pages de mon site pour te montrer mon histoire de pedigree, dates de naissances, et âge du chien (que je calcule et rajoute chaque mois...... évidemment ca fait bcp de boulot), c'est pour ca que je cherchai un script pour que je le rentre et que ca calcule automatiquement sans que j'ai besoin de le faire moi-même sur chacun des pedigrees.
Merci beaucoup pour ton aide !

Alain_42 · Answer

voila: toutou 1 né le: age:

toutout 2 né le age:

Caro Isaana · Answer

Alain-42, 
Je te remercie pour ta rapidité et ton savoir-faire !
J'ai donc essayé et yes, ca fonctionne et c'est ca, 
sauf que......
qu'il y a un soucis dans les résultats des âges.

Tu as mis dans l'exemple 
- pour toutou 1 la date du 14/01/2005, ca donne un résultat de 8 ans
- pour tout 2 la date de 12/06/2003, ca donne un résultat de 9 ans 7 mois, 
c'est exact pour les 2 dates.

Seulement j'ai essayé de mettre des dates différentes, par exemple : 
- 17/05/2005, ca me donne un résultat de 6 ans 7 mois,
  alors que le résultat exact est de 7 ans 7 mois
- 28/09/2005 ca me donne un résultat de 6 ans 3 mois
  alors que le résultat exact est 7 ans 3 mois
- 23/12/2007 ca me donne un résultat de 4 ans
  alors que le résultat exact est de 5 ans
- 27/07/2011 ca me donne un résultat de 5 mois
  alors que le résultat exact est de 1 an 5 mois

Comme s'il enlevait 1 an pour les résultats.

Par contre, ce qui est étrange c'est qu'avec d'autres dates que j'ai entré : 
14/04/2007 ca me donne un résultat de 5 ans 9 mois, 
10/12/2009 ca me donne un résultat de 3 ans 1 mois, 
et là les résultats sont exacts.

Tu sais pourquoi ca me fait ca ?

Merci d'avance pour ta réponse.

Alain_42 · Answer

je vais potasser ça de plus près.

Tu as vu j'ai fait virer le message bidon.

Caro Isaana · Answer

Merci beaucoup ! T'es vraiment sympa !

Ah ok, c'était un message bidon ! Ok, je ne comprenais pas. Je ne sais pas comment tu as fait pour le faire virer, mais c'est cool !

Alain_42 · Answer

en haut à droite du message il y a un bouton signaler aux  modérateurs

Caro Isaana · Answer

ok, merci pour l'info. Apres, je n'aurai pas su que c'était un mess bidon, et n'aurai pas osé le signaler.

Alain_42 · Answer

voila il y avait un petit bug, j'ai corrigé et rajouté un petit test pour afficher les jours si age=0 et mois <= 3

Caro Isaana · Answer

Oh là là, trop fort ! C'est génial, ca fonctionne parfaitement ! Un énorme merci !! Et merci pour le bonus des jours, c'est top ! Bon, et moi je suis un chouille fiere de moi, car à la fin sur ton script : return false; } } je me suis dit : ah , apres il manque le Donc je le rajoute, et là ca ne fonctionnait plus........ j'ai donc comparé ton précédent script et le dernier, et j'ai trouvé la partie absente : //fonction qui se lance au chargement de la page pour faire le calcul pour tous les champs input function calculer_tout(){ array_input=document.getElementsByTagName('input'); for (i=0;i< array_input.length;i++){ var id_naissance=array_input[i].id; var id_age='a_'+array_input[i].id.split('_')[1]; //lance la fonction calcul pour tous les champs calcul_age(id_naissance,id_age); } } Et là ca fonctionne. Bon, je n'ai pas de mérite, c'est toi qui a tout fait, mais contente tt de même de comprendre pourquoi ca ne fonctionnait pas. Je suis désolée, mais je vais encore abuser de tes lumieres, si tu le veux bien : Par rapport à la mise en page, le 'cadre' me pose un peu de soucis, et je voulais savoir si on pouvait le modifier : - la taille : si on parle en pixels, il fait 144 px (+ 2 pour les bordures = 146 px), et vu que je veux insérer ces cadres dans mon tableau, c'est un peu large, et 70 px (bordures comprises) auraient été suffisants. Donc est-ce qu'il est possible de modifier la taille de ces cadres ? - la couleur de fond du cadre ? - la police du cadre (le texte qui s'affiche, donc la date de naissance) ? Merci encore pour le temps que tu m'accordes et si pour cette derniere requete ca te soule, ne t'inquiete pas, ce n'est pas grave.

Alain_42 · Answer

Je ne t'avais donné que la partie modiifée pour ta question, avec du CSS, c'est possible, il faut mettre une class= dans les input toutou 1 né le: age:

toutout 2 né le age:

toutout 3 né le age:

toutout 4 né le age:

Caro Isaana · Answer

Un grand merci Alain-42 pour ton script : c'est purement génial, ca marche parfaitement. Comme tu le marques , je me suis amusée à changer certaines valeurs : 
- couleur fond,
- couleur police,
- taille police
- style police
- largeur 'cadre'
- sans bordure autour du cadre
bref, j'ai fait à ma sauce pour que ca s'intégre comme je le voulais.

Je crois un peu comprendre maintenant la différence entre le language javascript et le language php, en tout cas, cela m'a permis de voir que pour ce que l'on veut obtenir on utilise l'un ou l'autre.

Tu es informaticien ? Vraiment un grand bravo et un grand merci, tu ne peux pas savoir combien tes lumieres vont me simplifier le travail !!!.

En fait, j'avais ouvert un post pour ma question il y a quelques jours, avec pour sujet (d'ailleurs je m'apercois maintenant que l'objet et mon texte n'était pas suffisamment clair) : Script pour changer un texte en fonction des dates.
2 personnes m'avaient gentiment répondu, une me conseillait de créér une base de données, j'avoue que le language MySQL est du chinois pour moi. J'ai essayé pendant 2 jours de potasser, et puis j'ai trouvé ce post.
Est-ce que je dois retourner sur post pour marquer que tu as trouvé la solution et que le sujet est 'résolu' ?
Et pareil pour ce post , il faut mette 'résolu' ?

Encore merci pour ta patience !

Alain_42 · Answer

php et javascript:

la différence:
- php s'exécute coté serveur lorsque tu demande une  page
- javascript s'exécute côté client donc dans la navigateur sur un événement (onload, onclick par exemple)

Caro Isaana · Answer

Bonjour Alain-42 (et à tous),

dis, je te contacte pour 2 choses :

Toutes les dates sont bonnes,
sauf
là je viens de voir 2 erreurs :
pour : 25/01/2007 il me dit 6 ans  (alors que le résultat exact est 5 ans 11 mois)
pour : 25/01/2006 il me dit 7 ans  (alors que le résultat exact est 6 ans 11 mois)
Apparemment il a un probleme avec le mois de janvier.

Sinon, la 2eme chose pour laquelle je te contacte,
c'est que si tu veux bien m'aider, j'aurai encore besoin de tes lumieres...

Sur les pedigrees, j'ai compris grace à toi comment faire pour calculer l'âge du chien, automatiquement. 

Mais sur mes pedigrees, il y a 2 autres choses, :

- Il y a aussi les âges de déces que je donne avec ce que l'on appelle l'AOD (Age of death), c'est à dire, par exemple : Chien 1 : (10/01/2002 - 10/03/2012) : il a vécu 10 ans 2 mois. Je marque (10/01/2002  - 10/03/2012)  - AOD 10.2
Donc ca je peux le mettre définitivement sur mes pages, puisque ca ne change pas, donc pas besoin de script (sauf que ca serait évidemment plus simple s'il y avait un script qui me calcule ca (l'age en année et en mois, d'une date à une autre, pas comme le script précédent qui calcule l'âge en fonction d'une date à la date de ce jour). 

- il y a aussi la moyenne de longévité : c'est à dire que l'on reprend tous les âges que l'on connait (parfois on ne sait rien sur certains chiens), et donc on prend par exemple : chien 1 - en vie = 2 ans 6 mois (le script que tu m'as fait), et chien 2 : décédé (10/01/2002  - 10/03/2012)  - AOD 10.2 et on additionne tous les chiffres, donc 2 ans 6 mois + 10 ans 2 mois = 12 ans 8 mois et on divise par ces 2 chiens (12 ans 8 mois / 2 = 6 ans 4 mois), et je marque la moyenne : 6 ans 4 mois. 

D'ou ma question : est-ce que tu peux m'aider à concocter un script pour ces moyennes ? Est-ce possible et si oui, même avec les données des âges de déces que je calcule moi-meme ou faut-il aussi faire un script pour ces âges ?

Bref, j'ai encore besoin de toi si tu peux m'aider.

D'avance un grand merci.
Bon dimanche

Alain_42 · Answer

pour ces deux dates c'est un peu normal puisque la date anniversaire n'est pas atteinte.
Sion on peu faire un script qui arrondi à l'age supérieur mais à partir de combien de jour avant la date anniversaire
Ou alors on mets le nombre de jours ex: 6ans 11 mois 25jours

Pour ton autre question, si tu veux mettre en dur un age AOD, il faudrait utiliser php, est ce que dans ton site tu utilises déja ce langage ?

Caro Isaana · Answer

Ben, je ne sais pas.....Ce n'est pas catastrophique si ca fait ca parce que date n'est pas atteinte, peut-être ca serait mieux de préciser les jours(mais uniquement dans ces cas, la date anniversaire, pas à toutes les dates. Si ce n'est pas possible, mieux vaut laisser comme au départ.

Euh,pour le php,  non, je n'en n'utilise pas encore. Pourquoi est-ce différent du js ?

Alain_42 · Answer

oui le php s'exécute côté serveur
le javascript coté client (navigateur: Firefox, InternetExplorer etc...)

le php est interprétété lors de l'appel de la page dans le serveur; ses instructions s'éxécutent et le résultat des calcul va modifié la page qui est envoyée au client. Ca permet de faire un site dynamique et aussi si besoin d'utiliser une base de données.

Caro Isaana · Answer

Merci pour ta réponse,
mais bon, tu as pu voir que mon niveau est 'limité'......
donc je comprends ce que tu veux me dire, sauf que je n'arrive pas à l'interprété :

en gros, ca veut dire quoi pour moi ? que c'est plus compliqué pour moi à mettre en place ? Plus difficile à concevoir ? Qu'il vaut mieux que je laisse tomber ?

Merci pour ton aide !

Alain_42 · Answer

je t'ai fait la même chose en php, l'avantage par rapport au JS c'est qu'avec IE l'internaute n'aura pas a cliquer sur le bouton autoriser les scripts... par contre pour toi il faut - modifier le nom de ta page xxxx.html en xxxx.php - modifier le menu ou le lien qui permet d'accéder à la page - et pour tester tu ne pourra plus tester directement en local dans ton navigateur mais il faudra poser le fichier en ftp sur le serveur de ton hébergeur = $mois_n){ $ans = $annee_day - $annee_n; $mois= $mois_day - $mois_n; }else{ //echo "
2:mois_d=".$mois_day." mois n=".$mois_n; $ans = ($annee_day - $annee_n) -1; $mois= $mois_day +( 12 - $mois_n); } if($jour_day < $jour_n){ $mois= $mois -1; } if($ans >0 && $ans <=1) $age .= $ans.' an '; if($ans >1) $age .= $ans.' ans '; if($mois >0) { $age .= $mois.' mois '; } if($ans==0 && $mois>=0 && $mois <= 3){ //si moins de 1 an et moins de 3 mois on affiche aussi les jours $jours=$jour_day - $jour_n; $age .=$jours.' jours '; } //on renvoit le resultat return $age; }else{ return $age="Erreur de format date"; } } ?> toutou 1 né le: age:

toutout 2 né le age:

toutout 3 né le age:

toutout 4 né le age:

Caro Isaana · Answer

Merci de m'avoir déjà concu ce php, vraiment sympa.

Alors j'ai copié ton code, j'ai enregistré sous le nom : pedigree-ages.php et je l'ai transféré sur mon serveur.
Par contre, j'ai été voir ce que ca donne et ca me donne une page blanche d'erreur avec ca : 

Warning: Unexpected character in input: '\' (ASCII=92) state=1 in /homepages/18/d154130126/htdocs/pedigreeages.php on line 20

Parse error: syntax error, unexpected '{' in /homepages/18/d154130126/htdocs/pedigreeages.php on line 20

est-ce moi qui n'ait pas fait la bonne manip ?

Alain_42 · Answer

un soucis sur la verif de la date, essayes comme ça: = $mois_n){ $ans = $annee_day - $annee_n; $mois= $mois_day - $mois_n; }else{ //echo "
2:mois_d=".$mois_day." mois n=".$mois_n; $ans = ($annee_day - $annee_n) -1; $mois= $mois_day +( 12 - $mois_n); } if($jour_day < $jour_n){ $mois= $mois -1; } if($ans >0 && $ans <=1) $age .= $ans.' an '; if($ans >1) $age .= $ans.' ans '; if($mois >0) { $age .= $mois.' mois '; } if($ans==0 && $mois>=0 && $mois <= 3){ //si moins de 1 an et moins de 3 mois on affiche aussi les jours $jours=$jour_day - $jour_n; $age .=$jours.' jours '; } //on renvoit le resultat return $age; }else{ return $age="Erreur de format date"; } } //fonction qui verifie si la date tapée est corecte function is_valide_date($date, $sep){ if(!list($day, $month, $year) = explode($sep, $date)){ return false; } if($day > 31 OR $day < 1 OR $month > 12 OR $month < 1 OR $year > 32767 OR $year < 1){ return false; } return checkdate($month, $day, $year); } ?> toutou 1 né le: age:

toutout 2 né le age:

toutout 3 né le age:

toutout 4 né le age:

Script [JS] calcul de l'age (avec mois + age)

31 réponses

Votre réponse

Discussions similaires

Newsletters