Discussion :

[toninou]

Bonjour, je souhaiterais faire disparaître la totalité du contenu ma page html de 22h à 6h30 et pendant ce temps avoir seulement une photo toujours sur la même page et à partir de 6h30 remettre le contenue de ma page html. Comment faire?

Merci de votre aide.

[Kennel sébastien]

Bonjour toninou,

C'est plutôt du coter serveur que tu fais ça…

Cependant en javascript, en gros c'est faire un « innerHTML » sur « body ».

Et utiliser l'objet « Date ».

[toninou]

D'accord. Sinon j'ai vu qu'il y avait une méthode en php en changeant les css.
Le code est

Code :

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

1
2
3
4
5
6
7
8
9
10
<?php 
$h = date('g'); 
 
if($h>8&&$h<18){ 
echo'<link rel ="stylesheet" type="text/css" href="css_jour.css" />'; 
}else{ 
echo'<link rel ="stylesheet" type="text/css" href="css_nuit.css" />'; 
} 
 
?>

Mais il ne marche pas.

[Kennel sébastien]

Regarde la doc :
http://php.net/manual/fr/function.date.php

« g Heure, au format 12h, sans les zéros initiaux 1 à 12 »

[eleydet]

Bonsoir,

Récupérer l'heure sur le client n'est pas une bonne idée, le client pouvant être configuré avec n'importe qu'elle heure.

Il me semble préférable de récupérer l'heure sur le serveur, à intervalle régulier, par exemple toutes les quinze minutes, avec une requête de type ajax. Ensuite, selon le retour, on modifie ou pas la page.

[toninou]

Je ne souhaite pas le faire en jax. Et ce 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
<link rel="stylesheet" type="text/css" href="css/base.css" />
<link rel="stylesheet" type="text/css" href="css/<?php echo($css)?>" />
 
        <?php
// On récupère la date d'aujourd'hui.
$date = getdate();
 
// Voici les conditions. L'expression à comparer est mise dans le switch
switch ($hours = $date["hours"]){
  // Puis on met les possibilités dans les case. On pense bien au break, c'est important
  case ( $hours < 6 ):
     $css = ".css";
  // Je me répète, mais c'est vraiment important, le break
  break;
 
  case ($hours < 22):
    $css = "stylehorloge.css";
  break;
 
  default:
    $css = "stylehorloge.css";
  break;
}
?>

[Kennel sébastien]

Pourquoi ne pas faire simplement ? :

Code :

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

1
2
3
4
5
$hours = (int) getdate()["hours"];
 
if($hours > 6 && $hours < 22) {
    echo '<link rel="stylesheet" type="text/css" href="css/stylehorloge.css" />';
}

[toninou]

Ce css ne s'affichera rien que le jour mais après l'autre il faut que je le fasse avec un else if non?