Mes débuts avec jquery ...

**pimpoy64** · 29/09/2011, 16h42

Je m'auto forme à jQuery via un bouquin j'essaye les scripts mais rien ne se passe. J'ai donc téléchargé la bibliothèque de jQuery et l'ai mis dans un dossier "js" puis dans un autre dossier "css" (cv.css) j'ai mis le script des css :

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
.titreBleu{
color:blue;
text-decoration:underline;
}
 
.titreCV{
font-size:30px;
color:#555555;
margin-top:60px;
margin-left:190px;
}
 
.titreSection{
font-weight:bold;
color:#555555;
margin-top:10;
}
 
.dateCV{
float:left;
margin-right:15px;
}

Ensuite à la racine le fichier "index.html" ou j'ai mon site cv teste et le script est :

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
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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<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" language="javascript" src="js/jquery-1.6.4.min.js"></script>
<script type="text/javascript">
//coloration des titre de rubrique en bleu
$('.titreSection').addClass('titreBleu');
</script>
<script type="text/javascript">
$('.titreSection').css({
	"border":"1px solid black",
	"color":"white",
	"background-color":"grey"
});
</script>
<title>mon cv en jquery</title>
 
</head>
 
<body>
 
 
<script type="text/javascript">
//on calcul l'age
var maintenant = new Date();
var maDateNaissance = new Date(1978,5,6);
//on calcul le nombre d'année :
var monAge = maintenant.getFullYear()-maDateNaissance.getFullYear();
//si l'anniversaire est deja passé on ajoute 1 an
if(maDateNaissance.getMonth()>maintenant.getMonth()){
//mois supperieur
	monAge+=1;
}else if(maintenant.getMonth()==maDateNaissance.getMonth() && maDateNaissance.getDate()>=maintenant.getDate()){
//mois de naissance supplémentaire, joour supérieur
	monAge+=1;
}
//on affiche dans l'element ayant pour id divAge le resultat
$('#divAge').html(monAge + 'ans');
</script>
 
<!-- image dans le coin superieur droit -->
<div style="position:absolute;right:20px;">
<img src="img/smiley.png" border="0" height="200"/>
</div>
 
<div class="enteteCV">
Gerald Balayer<br/>
<div id="divAge">06/06/1978</div>
E-mail :
<a href="mailto:gerald_balayer@hotmail.com">
gerald_balayer@hotmail.com
</a>
</div>
 
<div id="titreCV" class="titreCV">
Developpeur Web
</div>
 
<!-- SECTION 1 -->
 
<div class="titreSection">EXPERIENCES :</div>
<div class="dateCV">2010</div>
Freelance developpement Web<br />
<div class="dateCV">2007</div>
Amélioration des sites web de la société facesoft<br />
 
<!-- SECTION 2 -->
 
<div class="titreSection">FORMATION :</div>
<div class="dateCV">2007</div>
Diplôme de Technitien Supérieur en jQuery<br />
<div class="dateCV">2005</div>
Baccalauréat Scientifique<br />
 
<!-- SECTION 3 -->
 
<div class="titreSection">DIVERS :</div>
- Brevet de secourisme<br />
- Photoshop<br />
- Pratique du tennis<br />
<script type="text/javascript">
//la perosnne qui s'interesse au cv le regarde le weekend
if(maintenant.getDay()==0 || maintenant.getDay()==6){
	$('#divers').after('- Horaire souples (weekend... )<br>');
}
</script>
 
</body>
</html>

si quelqu'un pouvait m'aider ... ce serai cool ... merci

**SpaceFrog** · 29/09/2011, 16h50

http://javascript.developpez.com/faq/jquery/
http://www.developpez.net/forums/d89...ez-faq-jquery/

**pimpoy64** · 02/10/2011, 03h38

Escusez moi mais je capte pas pourquoi j'ai été redirigé ???

**vermine** · 02/10/2011, 09h04

Bonjour,

Cela vous dérange vraiment d'être sur le forum jQuery pour parler de... jQuery ? N'est-ce pas sur ce forum que vous aurez le plus de réponses adéquates ? Je suis confus.

**SpaceFrog** · 02/10/2011, 09h20

Désolé, comme il n'existe pas de forum sur les recettes de cuisine ...

**danielhagnoul** · 02/10/2011, 12h30

Bonjour

Ma bonté me perdra et me fera perdre beaucoup de temps...

Exemple très largement améliorable :

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
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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!doctype html>
<html lang="fr">
<head>
	<meta charset="utf-8">
	<title>Mon cv en jquery</title>
	<style>
		.titreBleu {
			color:blue;
			text-decoration:underline;
		}
		.titreCV {
			font-size:30px;
			color:#555555;
			margin-top:60px;
			margin-left:190px;
		}
		.titreSection {
			font-weight:bold;
			color:#555555;
			margin-top:10;
		}
		.dateCV {
			float:left;
			margin-right:15px;
		}
		.divImage { position:absolute; right:20px; }
		.divImage img {border:0; height:200px; }
	</style>
</head>
<body>	
	<div>
		<!-- image dans le coin superieur droit -->
		<div class="divImage">
			<img src="img/smiley.png"/>
		</div>
 
		<div class="enteteCV">
			<p>Gerald Balayer</p>
			<div id="divAge">06/06/1978</div>
			<p>E-mail : <a href="mailto:gerald_balayer@hotmail.com">gerald_balayer@hotmail.com</a></p>
		</div>
 
		<div id="titreCV" class="titreCV">
			<p>Developpeur Web</p>
		</div>
 
		<!-- SECTION 1 -->
 
		<div class="titreSection">EXPERIENCES :</div>
		<div class="dateCV">2010</div>
		<p>Freelance developpement Web</p>
		<div class="dateCV">2007</div>
		<p>Amélioration des sites web de la société facesoft</p>
 
		<!-- SECTION 2 -->
 
		<div class="titreSection">FORMATION :</div>
		<div class="dateCV">2007</div>
		<p>Diplôme de Technitien (?) Supérieur en jQuery (sic)</p>
		<div class="dateCV">2005</div>
		<p>Baccalauréat Scientifique</p>
 
		<!-- SECTION 3 -->
 
		<div class="titreSection">DIVERS :</div>
		<p>- Brevet de secourisme</p>
		<p>- Photoshop</p>
		<p>- Pratique du tennis</p>
	</div>
	<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
	<script>
		$(function(){
			$('.titreSection')
				.addClass('titreBleu')
				.css({
					"border":"1px solid black",
					"color":"white",
					"background-color":"grey"
				});
 
			var maintenant = new Date(),
				maDateNaissance = new Date(1978,5,6),
				monAge = maintenant.getFullYear() - maDateNaissance.getFullYear();
 
			if (maDateNaissance.getMonth() > maintenant.getMonth()){
				monAge += 1;
			} else if (maintenant.getMonth() == maDateNaissance.getMonth() && maDateNaissance.getDate() >= maintenant.getDate()){
				monAge += 1;
			}
 
			$('#divAge').html(monAge + ' ans');
 
			if (maintenant.getDay() == 0 || maintenant.getDay() == 6){
				$('#divers').after('- Horaire souples (weekend... )<br>');
			}
		});
	</script>
</body>  
</html>

Mes débuts avec jquery ...

jQuery

Vue hybride

Discussions similaires

Partager

Partager