Discussion :

[parenty]

Bonjour à tous,
je travaille actuellement pour un groupe d'hôteliers.
J'ai une liste d'hôtels avec un bouton pour chaque hotel devant me donner les dispo en affichant un datepicker jquery. Je teste avec un seul hotel, ça marche car le datepicker est créé par window.ready.

Mon problème arrive quand je veut faire une fonction déclenché par tel ou tel bouton correspondant à l'hotel.

Cela vient surement de mon manque de connaissance de jquery, ignare que je suis, mais par bonté d'âme aidez-moi SVP

[Bovino]

Je pense qu'il faut adapter ton code...

[parenty]

Je comprends bien qu'il faut adapter mon code ci-dessous

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
 
$(function(){
	$.datepicker.regional['fr'] = {clearText: 'Effacer', clearStatus: '',
		closeText: 'Fermer', closeStatus: 'Fermer sans modifier',
		prevText: '<Préc', prevStatus: 'Voir le mois précédent',
		nextText: 'Suiv>', nextStatus: 'Voir le mois suivant',
		currentText: 'Courant', currentStatus: 'Voir le mois courant',
		monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
		monthNamesShort: ['Jan','Fév','Mar','Avr','Mai','Jun','Jul','Aoû','Sep','Oct','Nov','Déc'],
		monthStatus: 'Voir un autre mois', yearStatus: 'Voir un autre année',
		weekHeader: 'Sm', weekStatus: '',
		dayNames: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
		dayNamesShort: ['Dim','Lun','Mar','Mer','Jeu','Ven','Sam'],
		dayNamesMin: ['Di','Lu','Ma','Me','Je','Ve','Sa'],
		dayStatus: 'Utiliser DD comme premier jour de la semaine', dateStatus: 'Choisir le DD, MM d',
		dateFormat: 'dd/mm/yy', firstDay: 0, 
		initStatus: 'Choisir la date', isRTL: false};
$.datepicker.setDefaults($.datepicker.regional['fr']);
 
var saison = <?php echo datebdd('saison',1);?>;// le chiffre 1 correspond à un id d'hébergeur
var complet = [<?php echo datebdd('vacancy',1);?>];// jj,m,aaaa jours ou c est complet
/*---------------------------------------------------------------debut de setDays-----------------------------------------------------------------------------------------------------------------*/			
setDays = function(day, month, year) {
	var result = [true, '', ''];	//par défaut, on affiche la date
	var boolReunion = false;
	var boolSaison = false;
	var rl = 0;
	var i = 0;
	if ((complet != null)) {
		rl = complet.length;
		for (i = 0; i < rl; i++) {
			if ((day == complet[i][0]) && (month == complet[i][1] - 1) && (year == complet[i][2])) {
				result = [true, "important", "Complet !"];
				boolReunion = true;
			}
		}
	}
	//teste si le jour est inferieur à la date de debut de saison
	//si la date ouv. apres date ferm
	if(saison[2]==true){
		if ((year<saison[0][2] || (year==saison[0][2] && (month<saison[0][1]-1)) ||(year == saison[0][2] && month == saison[0][1]-1 && (day<saison[0][0]))) && (year>saison[1][2] || (year==saison[1][2] && (month>saison[1][1]-1)) ||(year == saison[1][2] && month == saison[1][1]-1 && (day>saison[1][0]))))
			{result = [true, "outsaison", "Hors saison"];
			boolSaison = true;
		}
	}else{//saison false
		if (year<saison[0][2] || (year==saison[0][2] && (month<saison[0][1]-1)) ||(year == saison[0][2] && month == saison[0][1]-1 && (day<saison[0][0]))){
			result = [true, "outsaison", "Hors saison"];
			boolSaison = true;
		}
		if (year>saison[1][2] || (year==saison[1][2] && (month>saison[1][1]-1)) ||(year == saison[1][2] && month == saison[1][1]-1 && (day>saison[1][0]))){
			result = [true, "outsaison", "Hors saison"];
			boolSaison = true;
		}
	}// fin else saison true
 
	return result;
}
/*---------------------------------------------------------------fin de setDays-----------------------------------------------------------------------------------------------------------------*/		
var maintenant = new Date();
mois = (maintenant.getMonth());
annee = maintenant.getFullYear()+1; 
var plustard = new Date(annee,mois,1);
$(document).ready(function(){
	$("#datepicker").datepicker({
		numberOfMonths: 3,
		stepMonths: 3,
		showButtonPanel: false,
		currentText: "Aujourd'hui",
		nextText: "Suivant",
		prevText: "Précédent",
		minDate: maintenant, //du 1 juillet 2009
		maxDate: plustard, //au 31 décembre 2009
		beforeShowDay:function(date) {
			return setDays(date.getDate(), date.getMonth(), date.getFullYear());
		}
	});
});	//fin document ready
 
$(window).load(function(){
	$("#datepicker").bind("mouseover", function(){
		if ($("td.important > a", this).eq(0).css("color") != "#FF0000") {
			$("td.important > a", this).css("color","#ffffff");
			$("td.important > a", this).css("font-weight","bold");
			$("td.important > a", this).css("background-color","#ff0000");
			$("td.outsaison > a", this).css("color","#3B301C");
			$("td.outsaison > a", this).css("background-color","#FFE3AB");
		}
	});
	$("#datepicker").mouseover();
});	//fin window load
});
</script>
</head>
<body>
        <div id="datepicker"></div>
        <input type="button" value="dispo" id='dispo' onclick='calendrier(<?php echo id_hotel;?>);'/>
 
</body>
</html>

Mais je n'arrive pas à déclarer ma fonction 'calendrier'.
C'est a coups sur un problème de syntaxe, mais je n'y arrive pas.