Calcul âge jquery

Version imprimable

Calcul âge jquery

Bonjour, je suis débutant en jQuery et j'ai un petit soucis dans mon script jQuery (script venant d'un livre que j'ai recopié à la lettre) :

Code:

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
 
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html" charset="utf-8">
		<link href="css/CV.css" type="text/css" rel="stylesheet" media="screen">
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery-2.0.3.js"></script>
		<title>XXX - Développeur informatique</title>
		<script type="text/javascript">
			$(document).ready(function() {;
				// on calcul l'âge
				var maintenant = new Date();
				var maDateNaissance = new Date(1994,1,19);				
				var monAge = maintenant.getFullYear()-maDateNaissance.getFulllYear();
 
				if (maDateNaissance.getMonth()>maintenant.getMonth()) {	
					monAge+=1;
				} else if (maintenant.getMonth()==maDateNaissance.getMonth() && maDateNaissance.getDate()>=maintenant.getDate()) {
					monAge+=1;
				}
				$('#age').html(monAge + ' ans');
			});			
		</script>
	</title>
 
	<body>
		<!-- entête -->
		<section>
			<!-- image dans le coin supérieur droit -->
			<div style="position:absolute;right:20px;">
				<img src="img/smiley.png" border="0" height="100"/>
			</div>
 
			<div class="enteteCV">
				XXX</br>
 
				<div id="age">
				40 ans //changement d'âge pour voir si le script fonctionne, mais dans mon cas cela ne fonctionne pas ...
				</div>
 
...

je vous remercie de votre aide :) et bon dimanche !

Code:

1
2
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-2.0.3.js"></script>

Vous chargez deux versions de jQuery ! La version 1.5 est totalement obsolète, la version 2.0.3 ne fonctionnera pas avec les navigateurs obsolètes du genre IE8 et moins. La version actuelle, compatible avec IE, est : <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

Citation:

j'ai un petit souci dans mon script jQuery

Cette explication a le mérite d'être claire et succincte, trop !

Code:

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
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1.0">
	<meta name="author" content="Daniel Hagnoul">
	<title>Forum jQuery</title>
	<script src="http://cdnjs.cloudflare.com/ajax/libs/headjs/0.99/head.min.js"></script>
	<script>
		"use strict";
 
		head.js( 
			"http://d3js.org/d3.v3.min.js",
			"http://code.jquery.com/jquery-2.1.0-beta1.js",
			"http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/i18n/jquery-ui-i18n.min.js",
			"http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js",
			"http://cdnjs.cloudflare.com/ajax/libs/jquery-color/2.1.2/jquery.color.min.js",
			"http://danielhagnoul.developpez.com/lib/dvjh/d3Base.js", function(){
 
$( function(){
 
	var maintenant = new Date(),
		maDateNaissance = new Date( 1944, 1, 19 ), // 19 février 1994
		monAge = maintenant.getFullYear() - maDateNaissance.getFullYear();
 
	if ( maDateNaissance.getMonth() > maintenant.getMonth() ){
		monAge += 1;
	} else if ( maintenant.getMonth() == maDateNaissance.getMonth() && 
				maDateNaissance.getDate() >= maintenant.getDate() ){
		monAge += 1;
	}
 
	$( "#age" ).html( '<p>' + monAge + ' ans</p>' );
 
});
 
$( window ).load( function(){
 
});
 
		});
	</script>
	<link href='http://fonts.googleapis.com/css?family=Sofia|Ubuntu:400|Kreon'>
	<link rel="stylesheet" href="http://danielhagnoul.developpez.com/styles/dvjhRemBase.css">
	<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/sunny/jquery-ui.min.css">
	<style>
		/* TEST -- Nota bene : ici 1 rem est égal à 10 px, voir dvjhRemBase.css */
 
	</style>
</head>
<body>
	<header>
		<hgroup>
			<h1>Forum jQuery</h1>
			<h2>
				<a href="">Lien</a>
			</h2>
		</hgroup>
	</header>
	<section class="conteneur">
 
<div id="age"></div>	 
 
	</section>
	<footer itemscope itemtype="http://danielhagnoul.developpez.com/">
		<time datetime="2013-09-27T22:43:28.547+02:00" pubdate>2013-09-27T22:43:28.547+02:00</time>
		<span itemprop="name">Daniel Hagnoul</span>
		<a href="http://www.developpez.net/forums/u285162/danielhagnoul/" itemprop="url">@danielhagnoul</a>
		<a href="http://danielhagnoul.developpez.com/" itemprop="url">Mon cahier d’exercices</a>
		<a href="http://javascript.developpez.com/faq/jquery/" itemprop="url">FAQ</a>
		<a href="http://javascript.developpez.com/cours/?page=frameworks#jquery" itemprop="url">Tutoriels</a>
	</footer>
</body>
</html>

13/10/2013, 21h58
thenavy

je vous remercie cela fonctionne !
14/10/2013, 09h34
Bovino

Citation:

que j'ai recopié à la lettre

Code:

var monAge = maintenant.getFullYear()-maDateNaissance.getFulllYear();

J'ai comme un doute... :aie:
20/10/2013, 15h32
thenavy

ah oui en effet, j'ai pas recopié à la lettre, merci ! :ccool: