affichage de donnée au chargement de la page

[doud180878]

Bonjour,

Je suis en train de faire un calendrier avec des événements et j'ai deux problèmes.

Le premier est que je voudrais récupérer les dates des événements en php et les afficher dans mon calendrier pour en suite les sélectionner. Que tout soit administrable

Alors j'arrive a récupérer les données et les afficher comme ca :

Code :

[ [09, 15, 2011], [09, 15, 2011], [09, 15, 2011], [09, 15, 2011], [09, 15, 2011], [09, 15, 2011], [09, 15, 2011], [09, 23, 2011], ]

et maintenant je voudrais mettre ces données dans mon fichier js à la place du data :

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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
$(document).ready(function(){
 
	$.ajax(
    {
        type: "POST",
        url: "/prive/requete_agenda.php",
        data: "recupereDate=ok",
        success: function (data)
        {
 
        	alert(data);
			 // je stocke les dates dans une varaible
    		var joursEvenement = data ;
 
 
    // je stocke les dates dans une varaible
    //var joursEvenement = [ [5, 17, 2011], [5, 23, 2011], [9, 15, 2011], ] ;
 
	function creerCalendrier(date)
    {
 
		var evenement = false ;
 
		if (joursEvenement != null) {
			for (i = 0; i < joursEvenement.length; i++) {
				if (date.getMonth() == joursEvenement[i][0] - 1 && date.getDate() == joursEvenement[i][1] && date.getFullYear() == joursEvenement[i][2]) {
				    evenement = true;
				}
			}
		}
		if (evenement) return [true, 'css_jour_evenement',"Evènement"];
		else return [false, ' '] ;
	}
 
 
 
	$("#datepicker").datepicker
    ({
		beforeShowDay: creerCalendrier,
                // On sélection le jour le mois et l'année
        onSelect: function()
        {
            var day1 = $("#datepicker").datepicker('getDate').getDate();
            var month1 = $("#datepicker").datepicker('getDate').getMonth() + 1;
            var year1 = $("#datepicker").datepicker('getDate').getFullYear();
 
            // Je met la date en html
            var fullDate = year1 + "-" + month1 + "-" + day1;
            //var str_output = fullDate;
 
            // J'nvoie la date sectionner dans mon fichier php
            $.ajax(
            {
                type: "POST",
                url: "/prive/requete_agenda.php",
                data: "date=" + fullDate,
                success: function (data)
                {
 
                //J'affiche le contenu'
                    $('#contenu').html(data);
                }
            });
 
       }
	});
 
	 }
    });
 
	// les pages pécédentes
	$('a.prev').click(function (e)
	{ // quand on clique sur un lien supprimer
		e.preventDefault(); // annule l'effet du lien pour pas recharger la page
		var id = $(this).attr("rel"); // on recupere l'id de l'element a supprimer (qui est dans l'attribut rel du lien)
		 // on demande une confirmation
		  $.ajax(
			{
				type: "POST",
				// les variables seront passées en POST (comme d'hab pour les recuperer en php $_POST[id] par exemple)
				url: "/prive/requete_agenda.php",
				// on appelle le fichier php suppr.php qui supprimer l'element de la base de donnees (dans mon cas, ce fichier est vide)
				data: "prev=" + id,
				// variable que l'on passe au fichier php
				success: function (data)
				{
					 $('#contenu').html(data);
 
				},
			});
 
	});
 
	// les pages suivantes
	$('a.suiv').click(function (e)
	{ // quand on clique sur un lien supprimer
		e.preventDefault(); // annule l'effet du lien pour pas recharger la page
		var id = $(this).attr("rel"); // on recupere l'id de l'element a supprimer (qui est dans l'attribut rel du lien)
		 // on demande une confirmation
		  $.ajax(
			{
				type: "POST",
				// les variables seront passées en POST (comme d'hab pour les recuperer en php $_POST[id] par exemple)
				url: "/prive/requete_agenda.php",
				// on appelle le fichier php suppr.php qui supprimer l'element de la base de donnees (dans mon cas, ce fichier est vide)
				data: "suiv=" + id,
				// variable que l'on passe au fichier php
				success: function (data)
				{
      $('#contenu').html(data);
 
				},
			});
 
	});
 
 
 
});

Le résultat c'est que rien n'est cliquable

[SpaceFrog]

déja sous IE tu auras un souci:

Code :

[ [09, 15, 2011], [09, 15, 2011], [09, 15, 2011], [09, 15, 2011], [09, 15, 2011], [09, 15, 2011], [09, 15, 2011], [09, 23, 2011], ]

IE plante sur une virgule finale

[doud180878]

OK, alors la il va y avoir un problème,

Comment je peux gérer des événements à partir du datepicker ou alors est ce qu'il y a un script ou un widget à utiliser.

Merci.