[AJAX] AJAX et PHP pour semblant de calendrier

Bonjour,

j'essaye de réaliser un semblant de calendrier, pour l'instant j'en suis à faire un système de défilement des mois.

c'est mon premier script en ajax et j'ai fait un premier test pour avancer d'un mois ou reculer d'un mois, jusque là tout va bien.

Maintenant je souhaiterai récupérer la valeur du mois afficher pour pouvoir faire défiler plusieurs mois à la suite.

Mon script s'organise de la façon suivante un premier paragraphe avec le signe "<" qui contient ma fonction ajax avec pour l'instant deux arguments. l'url pour la methode GET+ la variable pour déterminer si le script php doit reculer ou avancer.

Ensuite un deuxième paragraphe avec un id contenant le résultat.

Puis un troisième paragraphe contenant le ">" avec la même fonction que le premier <p> qui réagit au "clic".

je souhaiterai ajouter un troisième argument à ma fonction ajax pour envoyer à mon script php la valeur du mois affiché, je suppose par getElementById du deuxiéme paragraphe, mais je bloque.

Voici mon script :

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
92
 
<html>
	<head>
		<script type="text/javascript">
			function getRequeteHttp() 
				{ 
				var requeteHttp; 
				if (window.XMLHttpRequest) 
					{ 
					// Mozilla 
					requeteHttp=new XMLHttpRequest(); 
					if (requeteHttp.overrideMimeType) 
						{ 
						// problème firefox 
						requeteHttp.overrideMimeType('text/xml'); 
						} 
					} 
				else 
					{ 
					if (window.ActiveXObject) 
						{ 
						// C'est Internet explorer < IE7 
						try 
							{ 
							requeteHttp=new ActiveXObject("Msxml2.XMLHTTP"); 
							} 
						catch(e) 
							{ 
							try 
								{ 
								requeteHttp=new ActiveXObject("Microsoft.XMLHTTP"); 
								} 
							catch(e) 
								{ 
								requeteHttp=null; 
								} 
							} 
						} 
					} 
					return requeteHttp; 
				}
 
			function envoyerRequete(url,idCateg) 
				{ 
				var requeteHttp=getRequeteHttp(); 
				if (requeteHttp==null) 
					{ 
					alert("Impossible d'utiliser Ajax sur ce navigateur"); 
					} 
				else 
					{ 
					requeteHttp.open('GET',url + '?categ=' + escape(idCateg),true); 
					requeteHttp.onreadystatechange= function() {recevoirReponse(requeteHttp);}; 
					requeteHttp.send(null); 
					} 
				return; 
				}	
 
			function recevoirReponse(requeteHttp) 
				{ 
				if (requeteHttp.readyState==4) 
					{ 
					if (requeteHttp.status==200) 
						{ 
						traiterReponse(requeteHttp.responseText); 
						} 
					else 
						{ 
						alert("La requête ne s'est pas correctement exécutée"); 
						} 
					} 
				} 
 
			function traiterReponse(reponse) 
				{ 
				document.getElementById("nbPdt").innerHTML=reponse; 
				}
		</script>
	</head>
<body> 
	<p onclick="javascript:envoyerRequete('getNbProduits.php','ar')"><</p>
		<p name="categ" id="nbPdt" > 
		<?php 
                        
        
                        $test = mktime(date('n'));
        
                        echo date('M', $test);
                ?>
		</p><p onclick="javascript:envoyerRequete('getNbProduits.php','av')">></p>
 </body> 
 </html>

Merci pourvos conseils et bonne journée!