Discussion :

[legrandse]

Bonjour à tous,


Voici mon problème.

Je possède un tableau contenant des dates de randonnées.

Je souhaite afficher les dates en leur attribuant une couleur selon que l'événement est passé, futur et également (et c'est là mon problème) appliquer une couleur à la rando actuelle et/ou suivante.

Comment dois-je m'y prendre pour afficher la rando suivante par rapport à la date du jour ?

Par exemple: aujourd'hui 03/09/2014

Rando past: 25/08/2014 en gris clair
Rando today: 03/09/2014 en rouge
Rando next: 12/09/2014 en bleu
Rando futur: 30/09/2014 en jaune

Voici ce que j'ai déjà fait:

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
<style>
.past {
	background-color:#CCC;
	width:20px;
	height:25px;
}
.futur {
	background-color:#333;
	width:20px;
	height:25px;
}
 
.today {
	background-color:#6584;
	width:20px;
	height:25px;
}
.next {
	background-color:#87789;
	width:20px;
	height:25px;
}
 
 
</style>
$datejour= date("Y-m-d");
 
$sql = "SELECT * FROM agenda ORDER by date_debut ASC "; 
 
// on envoie la requête
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());
 
while($data = mysql_fetch_assoc($req)) {
 
$lieu = $data["lieu"];
$date= $data["date_debut"];
 
 
echo '<tr>';
 
if ($data['date_debut'] < $datejour) { 
   echo '<td><div class="past">'.$lieu.'</div></td> ';
   }
 
else { 
    echo '<td><div class="futur">'.$lieu.'</div></td> ';
      }
 
 
?>

En vous remerciant pour votre aide

[Spartacusply]

Utilise un flag boolean pour indiquer si la date suivante est prise ou non :

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
while ($data = mysql_fetch_assoc($req)) {
 
    $lieu = $data["lieu"];
    $date = $data["date_debut"];
    $nextTaken = false;
 
    echo '<tr>';
    if ($date < $datejour) {
        echo '<td><div class="past">' . $lieu . '</div></td> ';
    } else if ($date == $datejour) {
        echo '<td><div class="today">' . $lieu . '</div></td> ';
    } else if (!$nextTaken) {
        $nextTaken = true;
        echo '<td><div class="next">' . $lieu . '</div></td> ';
    } else {
        echo '<td><div class="futur">' . $lieu . '</div></td> ';
    }
}

[Spartacusply]

A noter également (pas tilté au premier passage) , que tu ne peux comparer deux dates comme tu le fais actuellement il va falloir comparer leurs timestamps respectifs. Pour cela on va se servir de la fonction strtotime :

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
/**
 * Compare deux dates
 * @param string $date1
 * @param string $date2 Si non renseigné, prendra la valeur de la date du jour
 * @return int Retourne un nombre inférieur à 0 si la date 1 est antérieure à la date2, 0 si ce sont les mêmes, et plus de 0 si la date2 est postérieure à la date1
 */
function compareDate($date1, $date2 = null) {
    if ($date2 === null) {
        return strtotime($date1) - time();
    }
    return strtotime($date1) - strtotime($date2);
}
 
while ($data = mysql_fetch_assoc($req)) {
 
    $lieu = $data["lieu"];
    $date = $data["date_debut"];
    $nextTaken = false;
 
    echo '<tr>';
    if (compareDate($date1) < 0) {
        echo '<td><div class="past">' . $lieu . '</div></td> ';
    } else if (compareDate($date1) == 0) {
        echo '<td><div class="today">' . $lieu . '</div></td> ';
    } else if (!$nextTaken) {
        $nextTaken = true;
        echo '<td><div class="next">' . $lieu . '</div></td> ';
    } else {
        echo '<td><div class="futur">' . $lieu . '</div></td> ';
    }
}

[legrandse]

Je te remercie pour tes réponses ultra rapides

Par contre j'ai une erreur de type "Undefined variable: date1"

Comment dois-je l'initialiser dans ce cas ?

[Spartacusply]

Pardon c'est "date" tout court, pas "date1"

[legrandse]

J'ai essayé mais il m'affiche bien les dates "past" en gris mais les "today", "next" et "futur" sont toutes affichées dans la couleur des "next".

[Spartacusply]

En effet, deux erreurs de ma part :

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
/**
 * Compare deux dates
 * @param string $date1
 * @param string $date2 Si non renseigné, prendra la valeur de la date du jour
 * @return int Retourne un nombre inférieur à 0 si la date 1 est antérieure à la date2, 0 si ce sont les mêmes, et supérieur à 0 si la date2 est postérieure à la date1
 */
function compareDate($date1, $date2 = null) {
    if ($date2 === null) {
        return $date2 = date('Y-m-d');
    }
    return strtotime($date1) - strtotime($date2);
}
 
$nextTaken = false;
 
while ($data = mysql_fetch_assoc($req)) {
    $lieu = $data["lieu"];
    $date = $data["date_debut"];
    echo '<tr>';
    if (compareDate($date) < 0) {
        echo '<td><div class="past">' . $lieu . '</div></td> ';
    } else if (compareDate($date) == 0) {
        echo '<td><div class="today">' . $lieu . '</div></td> ';
    } else if (!$nextTaken) {
        $nextTaken = true;
        echo '<td><div class="next">' . $lieu . '</div></td> ';
    } else {
        echo '<td><div class="futur">' . $lieu . '</div></td> ';
    }
}

[legrandse]

Hélas non, cela ne fonctionne pas pour l'instant.

Maintenant il affiche dans la couleur des "next" le plus ancien enregistrement.

Les reste des "past, "today", "next" et "futur" sont en gris càd dans la couleur des "past"

[Spartacusply]

Pardon re-erreur d'inattention (j'ai du mal aujourd'hui...) :

Code :

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

1
2
3
  if ($date2 === null) {
        $date2 = date('Y-m-d');
    }

[legrandse]

Pas de quoi, de toutes manière par rapport à moi et à ma compréhension du problème, vous êtes un génie.