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> |
Partager