Mes débuts avec jquery ...
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:
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:
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
