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>

SpaceFrog · 02/10/2011, 16h18

ça existe ça ?

Citation:

Diplôme de Technitien (?) Supérieur en jQuery (sic)

pimpoy64 · 02/10/2011, 20h01

Désolé de vous avoir derangé je souhaitez juste savoir où j'avais fait une erreur pour la reprendre. Merci beaucoup d'avoir repris le code. Je vais revoir ça bien tranquilement (pour pouvoir faire des scriptes plus élaboré).
Pour le forum jQuery je l'avais pas trouvé directement, et effectivement si je l'avais facilement trouvé j'y aurai laissé le message

scripte voila !!

Cordialement !!! Bonne fin de weekend et bonne semaine.

29/09/2011, 16h50	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 040 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 040 Points : 45 141 Points : 45 141	http://javascript.developpez.com/faq/jquery/ http://www.developpez.net/forums/d89...ez-faq-jquery/ __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

02/10/2011, 03h38	#3
pimpoy64 Invité de passage Gerald Balayer Développeur Web Inscription : septembre 2011 Messages : 3 Détails du profil Informations personnelles : Nom : Gerald Balayer Localisation : France, Pyrénées Atlantiques (Aquitaine) Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : septembre 2011 Messages : 3 Points : 0 Points : 0	precision Escusez moi mais je capte pas pourquoi j'ai été redirigé ???
	00

02/10/2011, 09h04	#4
vermine Responsable JavaScript & AJAX Inscription : mars 2008 Messages : 2 690 Détails du profil Informations personnelles : Âge : 27 Informations forums : Inscription : mars 2008 Messages : 2 690 Points : 5 763 Points : 5 763	?! 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. __________________ Elen Poukram - Isegoria - Sandawe
	00

02/10/2011, 20h01	#8
pimpoy64 Invité de passage Gerald Balayer Développeur Web Inscription : septembre 2011 Messages : 3 Détails du profil Informations personnelles : Nom : Gerald Balayer Localisation : France, Pyrénées Atlantiques (Aquitaine) Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : septembre 2011 Messages : 3 Points : 0 Points : 0	gloupsss ! Désolé de vous avoir derangé je souhaitez juste savoir où j'avais fait une erreur pour la reprendre. Merci beaucoup d'avoir repris le code. Je vais revoir ça bien tranquilement (pour pouvoir faire des scriptes plus élaboré). Pour le forum jQuery je l'avais pas trouvé directement, et effectivement si je l'avais facilement trouvé j'y aurai laissé le message scripte voila !! Cordialement !!! Bonne fin de weekend et bonne semaine.
	00

02/10/2011, 09h20	#5
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 040 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 040 Points : 45 141 Points : 45 141	Désolé, comme il n'existe pas de forum sur les recettes de cuisine ... __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email