Discussion :

[lodan]

Bonjour,

J'utilise webcalendar comme agenda. Et je veux faire un affichage des disponibilités des users sur un mois.

Je me posais la question de la méthode à utiliser, voici ce que j'ai imaginé.

1 faire un tableau de 31 jours
2 remplir ce tableau des jours utilisés 30, 31, 28 ou 29 en fonction du mois et positionner les jours de la semaine.
3 faire une ligne pour chaque utilisateur et remplir avec une image de 'x'px de large (largeur d'une case de jour) sur une hauteur à définir encore. Couleur de l'image en fonction du jour de la semaine et du type d'occupation (week-end, repos compasentoire, rtt, congés payés, congés parentales, ...)

Est-ce correct ?

Le réalisation se fait en PHP cela va de soit.


Merci d'avance

[Mr N.]

Pas besoin d'image pour ça...
une classe css pour chaque occupation :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
.occupation_we {
   background:red;
}
.occupation_repos {
   background:green;
}
.occupation_rtt {
   background:blue;
}
...

Puis une petite fonction qui calcule la classe css en fonction du jour courant :

Code :

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

1
2
3
function get_css_class($utilisateur, $jour) {
   ...
}

Que tu appliques sur chaque cellule de ton tableau :

Code :

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

1
2
3
4
5
6
7
8
foreach($utilisateurs as $u) {
   echo '<tr>';
   echo '<td>'. $u['name'] .'</td>';
   foreach($jours as $j) {
      echo '<td class="'. get_css_class($u, $j) .'">&nbsp;</td>';
   }
   echo '</tr>';
}

[lodan]

Je préfère ne pas avoir d'image, c'est plus souple c'est vrai.

Rien sur mon raisonnement, c'est que cela va.

Merci pour tes suggestions de code.

[Mr N.]

C'est aussi (et surtout) parce que c'est plus simple à coder. Sinon tu dois te casser la nenette avec les colspan.
Et rien ne t'empeche ensuite d'appliquer un fond à tes cellules pour ajouter un peu de relief à ton tableau. Une simple image avec un dégradé de 1 pixel de largeur suffit :

Code :

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

1
2
3
4
 
.occupation_we {
   background:red url(degrade_rouge.png) left top repeat-x;
}

Ce qui produit un truc dans ce genre :


Et donc si tes cellules sont collées (cellpadding="0" cellspacing="0") alors tu feras illusion...

[lodan]

Merci pour l'idée en sup.