calendrier reservation multi couleurs

**hugodu28** · 13/02/2014, 17h30

bonjour,
je viens de récupérer un code de calendrier de réservation.
Pour le moment, le fond de la date est vierge si pas de réservation et bleu si réervé.

Je voudrais ajouter 2 couleurs comme rouge pour indisponible, et orange pour réservation en cours de validation.

Je ne sais pas trop comment m'y prendre:
- soit 3 tables
soit 1 table avec (id_moto;date;id_loueur;R;I,REC) R=réservé I=indisponible REC=réservation en cours

mais je ne voispas comment faire pour l'affichage.

Je vous mets le code du calendrier même si celi-ci fait 160 lignes

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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
 
<html>
<head>
<title>index</title>
 
<!--
 
A titre d'exemple, le link pour le CSS devra se faire par l'entremise du PHP et ce,
en utilisant la variable $a pour selectionner le bon fichier, i.e.:
 -->
 
 
 <?php // echo "<link href=\"calendar".$_GET["a"].".css\" rel=\"stylesheet\" type=\"text/css\">\n";?> 
 
 <link href="calendar1.css" rel="stylesheet" title="style_general" type="text/css" media="screen" />
 
 
 
 
</head>
<body>
 
<h1><?php  echo " Moto ".$_GET["a"]." ";?></h1>
 
<?php
// recuperation du jous, mois, et année actuel
$jour_actuel = date("j", time());
$mois_actuel = date("m", time());
$an_actuel = date("Y", time());
$jour = $jour_actuel;
 
// si la variable mois n'existe pas, mois et année correspondent au mois et à l'année courante
if(!isset($_GET["mois"]))
{
$mois = $mois_actuel;
$an = $an_actuel;
}
 else
{
 $mois = $_GET["mois"];
 $an = $_GET["an"];
}
 
//defini le mois suivant
$mois_suivant = $mois + 1;
 
//defini le mois suivant
$mois_suivant = $mois + 1;
$an_suivant = $an;
if ($mois_suivant == 13)
{
	$mois_suivant = 1;
	$an_suivant = $an + 1;
}
 
//defini le mois précédent
$mois_prec = $mois - 1;
$an_prec = $an;
if ($mois_prec == 0)
{
	$mois_prec = 12;
	$an_prec = $an - 1;
}
 
//affichage du mois et de l'année en french
$mois_de_annee = array("Janvier", "Fevrier", "Mars", "Avril", "Mai", "Juin", "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Decembre");
$mois_en_clair = $mois_de_annee[$mois - 1];
// creation d'un tableau à 31 entrée (1 pour chaques jours) et on dit qu'aucuns jours n'est resevé
for($j = 1; $j < 32; $j++){
$tab_jours[$j] = (bool)false;
}
// connexion à la bdd
include ("includes/sql.inc");
 
$sql = "SELECT * FROM chalet_resa WHERE YEAR(jour) = $an AND MONTH(jour) = $mois AND chalet_id=".$_GET["a"];
$requete = mysql_query($sql);
while ($ligne = mysql_fetch_array($requete)){
	// recupartion du jour ou il y a la reservation
	$jours = $ligne['jour'];
	// transforme aaaa/mm/jj en jj
	$jour_reserve = (int)substr($jours, 8, 2);
	// insertion des jours reservé dans le tableau
	$tab_jours[$jour_reserve] = (bool)true;
}
mysql_close($connect);
?>
<br />
 
<table align="center" width="420" border="0" cellpadding="5" cellspacing="0"  class="tab_cal">
	<tr>
		<td height="51" colspan="7">
			<table width="381" border="0" cellpadding="0" cellspacing="0">
				<tr>
				  <td width="290" class="date"><div><?php echo $mois_en_clair," ", $an; ?></div></td>
					<td width="50">
						<a href="calendrier.php?mois=<?php echo $mois_prec; ?>&an=<?php echo $an_prec; ?>&a=<?php echo $_GET["a"]; ?> " >
					  <div align="left"><img border="0" src="img/prec.png" /></div></a>
				  </td>
					<td width="41">
						<a href="calendrier.php?mois=<?php echo $mois_suivant; ?>&an=<?php echo $an_suivant; ?>&a=<?php echo $_GET["a"]; ?> ">
					  <div><img border="0" src="img/suiv.png" /></div>
					  </a>
				  </td>
				</tr>
		  </table>
	  </td>
	</tr>
	<tr align="center" class="jours">
		<td width="60">D</td>
		<td width="60">L</td>
		<td width="60">M</td>
		<td width="60">M</td>
		<td width="60">J</td>
		<td width="60">V</td>
		<td width="60">S</td>
	</tr>
</table>
<table align="center"  width="420" border="0" cellpadding="5" cellspacing="0"  class="tab_numero">
	<tr align="center">
<?php
//Détection du 1er et dernier jour du moiS
$nombre_date = mktime(0,0,0, $mois, 1, $an);
$premier_jour = date('w', $nombre_date);
$dernier_jour = 28;
while (checkdate($mois, $dernier_jour + 1, $an))
	{ $dernier_jour++;}
 
//Affichage de 7 jours du calendrier
 
for ($i = 0; $i < 7; $i++){
	if ($i < $premier_jour){
		echo '<td width="60"></td>';
	}else{
		$ce_jour = ($i+1) - $premier_jour;
		// si c'est un jour reserve on applique le style reserve
		if($tab_jours[$ce_jour]){
			echo '<td width="60" class="reserve">';
		// sinon on ne met pas de style
		}else{
			echo '<td width="60">';
		}
		echo $ce_jour;
		echo '</td>';
	}
}
//affichage du reste du calendrier
$jour_suiv = ($i+1) - $premier_jour;
for ($rangee = 0; $rangee <= 4; $rangee++){
		echo '</tr>';
		echo '<tr align="center" class="numero">';
		for ($i = 0; $i < 7; $i++){
			if($jour_suiv > $dernier_jour){
				echo '<td width="60">';
				echo '</td>';
			}else{
				// si c'est un jour reserve on applique le style reserve
				if($tab_jours[$jour_suiv]){
					echo '<td width="60" class="reserve">';
				// sinon on ne met pas de style
				}else{
					echo '<td width="60">';
				}
				//echo $tab_jours[$jour_suiv];
				echo $jour_suiv;
				echo '</td>';
			}
			$jour_suiv++;
		}
}
?>
</tr>
</table>
<table align="center" width="420" height="121" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="60" height="43" align="center"><img border="0" src="img/prec.png" /></td>
    <td width="380"><div class="descriptif"> Voire le mois suivant.</div></td>
  </tr>
  <tr>
    <td width="60" height="46" align="center"><img border="0" src="img/suiv.png" /></td>
    <td><div class="descriptif"> Voire le mois Pr&eacute;cedant </div></td>
  </tr>
  <tr>
    <td width="60" align="center" height="32" class="reserve">XX</td>
    <td><div class="descriptif"> Jour d&eacute;ja r&eacute;serv&eacute;..</div></td>
  </tr>
</table>
</br>
</body>
</html>

**crozet.magenta** · 13/02/2014, 18h19

à mon avis la solution la plus simple est de mettre un champ dans la table qui contient l'état
=> id_moto;date;id_loueur;etat
etat = R ou I ou REC

ensuite à l'affichage pour mettre les couleurs, il suffit de faire de cette manière :
dans le CSS, faire une classe pour chaque état (I, REC, R)qui définit la couleur de fond
exemple :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.I {
   background-color: #f00;
}

puis afficher de cette manière (en supposant que $data est un array qui contient une ligne de la base de donnée) :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

echo '<td class="'. $data['etat'] .'">';

de cette façon, le bon style est appliqué à chaque case de tableau

**hugodu28** · 13/02/2014, 21h17

super,
je viens de sivre tes indications et après quelques modifications, çaa fonctionne parfaitement.
Merci beaucoup.

calendrier reservation multi couleurs [MySQL]

PHP & Base de données

Discussions similaires

Partager

Partager