Discussion :

[Bubulle232]

Bonjour à tous,

Je crée actuellement un planning qui consiste à afficher des réservations en fonction du jour( qui s'étale du jour actuelle jusqu'à 7 jour plus tard) et de l'heure( qui va de 8h00 à 18h00).

Les dates sont dans la colonne de gauche et les jours dans la première ligne.

Comment faire pour insérer mes plages horaires ? car je dois comparer les heures de mes réservations à celle de mon tableau mais je ne vois pas comment.
J'ai déjà cherché dans le forum mais ça ne correspond pas à ce que je veux faire ou alors il y a 4 pages et je ne veux pas que ça soit aussi gros.

Donc est ce que c'est possible ?

Mon code :

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
<?php
include('menu.inc');
include("inc/config.inc");
include("inc/config2.inc");
?>
 
         Reservation du bloc : 
 
<?php
  echo '<p align="center"><table bgcolor="#FFFFFF" border="4" cellpadding="4" cellspacing="2"></p>'."\n";
 
        echo '<tr>';
        echo '<td bgcolor="#87CEFA"><font color="white"><b><u>Date</u></b></font></td>';
        echo '<td bgcolor="#87CEFA"><font color="white"><b><u>08h00</u></b></font></td>';
        echo '<td bgcolor="#87CEFA"><font color="white"><b><u>09h00</u></b></font></td>';
        echo '<td bgcolor="#87CEFA"><font color="white"><b><u>10h00</u></b></font></td>';
        echo '<td bgcolor="#87CEFA"><font color="white"><b><u>11h00</u></b></font></td>';
        echo '<td bgcolor="#87CEFA"><font color="white"><b><u>12h00</u></b></font></td>' ;
        echo '<td bgcolor="#87CEFA"><font color="white"><b><u>13h00</u></b></font></td>' ;
        echo '<td bgcolor="#87CEFA"><font color="white"><b><u>14h00</u></b></font></td>';
        echo '<td bgcolor="#87CEFA"><font color="white"><b><u>15h00</u></b></font></td>' ;
        echo '<td bgcolor="#87CEFA"><font color="white"><b><u>16h00</u></b></font></td>';
        echo '<td bgcolor="#87CEFA"><font color="white"><b><u>17h00</u></b></font></td>' ;
        echo '<td bgcolor="#87CEFA"><font color="white"><b><u>18h00</u></b></font></td>';
        echo '</tr>'."\n";
 
 
        echo '<tr>';
 
      $debut = new DateTime("now");            
      $fin = new DateTime("now + 7 day");      //on ajoute 7 jours à la date courante 
 
foreach (new DatePeriod($debut,new DateInterval('P1D'), $fin)as $date){
 
        echo '<td bgcolor="#87CEFA"><font color="white"><b>' ;
        echo $date->format('d/m/y');
        echo'</b></font></td></tr>'."\n"; 
}
 
echo '</table>';
 
?>

D'avance merci

[gene69]

à ta place je fais des surfaces draggable (jquery) pour chaque jour (en colonne) et j'utilise sur boite bougeable avec un mouvement contraint (haut/bas) comme ici http://jqueryui.com/draggable/#constrain-movement et j'utilise les ordonnées haut bas de la boite en pixel pour faire une conversion pixel -> heure (via une regle de trois) et je peux redimentionner la boite avec http://jqueryui.com/resizable/ .

Sinon tu peux utiliser ce module là http://jqueryui.com/slider/#range, à condition de pouvoir superposer plusieurs sliders.