Page de veille

**toninou** · 26/04/2017, 18h46

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** · 26/04/2017, 19h06

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** · 26/04/2017, 19h37

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** · 26/04/2017, 19h43

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

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

**eleydet** · 26/04/2017, 19h45

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** · 27/04/2017, 11h00

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** · 27/04/2017, 11h20

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** · 27/04/2017, 11h43

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?

**Kennel sébastien** · 27/04/2017, 11h47

Oui un simple « else »

**toninou** · 02/05/2017, 10h30

Si je fais ca c'est bon?

Code :

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

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

**Kennel sébastien** · 02/05/2017, 11h48

C'est plutôt quelque chose comme :

Code :

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

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

**toninou** · 03/05/2017, 14h02

Ca ne marche pas car cela m'affiche ceci sur ma page :

Code :

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

6 && $hours < 22) { echo ''; } else { echo ''; } ?>

**Kennel sébastien** · 03/05/2017, 14h36

Tu as une erreur dans les balises…

Peux-tu montrer le code de la page complète ?

**toninou** · 03/05/2017, 14h49

Voila :

Code html :

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
<!DOCTYPE html>
<html>
    <head>
 
        <meta charset="utf-8" />
	<meta http-equiv="refresh" content="10800";http://192.168.43.108/ />	
        <title>EHPAD Adrienne Lugans</title>
 
 	<link rel="stylesheet" href="imagestyle.css"/>
 
	<script type="text/javascript" src="Java/heure.js"></script>                       <!-- link du javascript pour l'heure-->
	<script class="date" type="text/javascript" src="Java/date_heure.js"></script>     <!-- link du javascript pour la dates-->
	                      <!-- link du javascript pour les cloches-->
        <script type="text/javascript" src="Java/repas.js"></script>                       <!-- link du javascript pour affichage repas-->
	<script type="text/javascript" src="Java/saison.js"></script>                      <!-- link du javascript pour affichage saison-->
		<?php
        $hours = (int) getdate()["hours"];
 
if($hours > 6 && $hours < 22) {
    echo '<link rel="stylesheet" type="text/css" href="css/stylehorlogejour.css" />';
} else {
    echo '<link rel="stylesheet" type="text/css" href="css/stylehorlogenuit.css" />';
}
        ?>
 
 
    </head>
 
    <body>
 
	<table border="0" cellpadding="0" cellspacing="0" width="100%">
	<tr>
		<th>
			<center><a href="mdp.html"><img class="logoehpad" src="Image/logo.png"></a></center>
			<br/>
			<br/>
 
 
		</th>
 
		<th>	
			<span  id="date_heure"></span>
        		<script type="text/javascript">window.onload = date_heure('date_heure');</script>
			<br/>
			<span id="heure"></span>
			<script type="text/javascript">window.onload = heure('heure');</script>	
		</th>	
	</tr>
 
 
 
 
	<table border="1" cellpadding="0" cellspacing="0" width="100%" height="300";overflow:hidden>
   	<tr>
      		<th><font size="7"><font color="#B63920">SAISON</font></font></th>
      		<th><font size="7"><font color="#B63920">METEO</font></font></th>
      		<th><font size="7"><font color="#B63920">REPAS</font></font></th>
      		<th><font size="7"><font color="#B63920">INFORMATION</font></font></th>
   	</tr>
   	<tr>
      		<td>
			<a id="img5"><center><img src="Saison/PRINTEMPS.png" alt="printemps"></center></a>
			<a id="img6"><center><img src="Saison/ETE.png" alt="ete"></center></a>
			<a id="img7"><center><img src="Saison/AUTOMNE.png" alt="automne"></center></a>
			<a id="img8"><center><img src="Saison/HIVER.png" alt="hiver"></center></a>
			<div id="saison"></div>
      		</td>
      		<td>
			<center><div style="width:400px; overflow:hidden">
			<img src="https://www.tameteo.com/wimages/foto77bef7731544fb31820989dae1249d00.png"
			style="width:430px; margin: -130px -430px -90px -430px;"/>
			</div></center>
		</td>
      		<td>
			<a id="img1"><center><img src="Repas/Petit dejeuner.png" alt="petitdej"></center></a>
			<a id="img2"><center><img src="Repas/dejener.png" alt="dejener"></center></a>
			<a id="img3"><center><img src="Repas/gouter.png" alt="gouter"></center></a>
			<a id="img4"><center><img src="Repas/souper.png" alt="souper"></center></a>
			<div id="essai"></div>
      		</td>
      		<td>
 
		</td>
   	</tr>
 
 
	</body>
 
</html>

**Kennel sébastien** · 03/05/2017, 15h16

D'accord mais là ton code PHP il doit être exécuter sous un serveur, comme apache ou autre.

Car si tu exécutes ton fichier sans passer par le serveur c'est normal qu'il affiche :

Code :

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

6 && $hours < 22) { echo ''; } else { echo ''; } ?>

Le code serveur n'étant pas traité…

**toninou** · 03/05/2017, 15h18

Pour le moment je travaille sur Brackets donc je ne suis pas sur mon serveur. Il faut dans ce cas que je le mette sur mon serveur apache.

**Kennel sébastien** · 03/05/2017, 15h25

Tu peux très bien installer apache et php en local

et exécuter les pages par l'adresse localhost

**toninou** · 04/05/2017, 10h17

J'ai essayé sur le serveur ca ne fonctionne pas, le css ne change pas. Comment je fais?

**Kennel sébastien** · 04/05/2017, 13h16

Tu as bien défini le fuseau horaire quelque part ?

Comme :

Code :

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

1
2
3
4
5
6
7
8
9
date_default_timezone_set('Europe/Paris');
 
$hours = (int) getdate()["hours"];
 
if($hours > 6 && $hours < 8) {
    echo '<link rel="stylesheet" type="text/css" href="css/stylehorlogejour.css" />';
} else {
    echo '<link rel="stylesheet" type="text/css" href="css/stylehorlogenuit.css" />';
}

**vins86** · 04/05/2017, 13h36

Bonjour toninou,

Qu'est qu'y te gêne pour l'ajax? Si la personne se connecte à 21h55 et qu'il ne réactualise pas la page à 22h00 il n'aura pas le css de nuit. Et tu pourrais en plus faire une feuille de style et en fonction du jour et de la nuit changer les noms classe et id pour changer le style de façon dynamique et propre.

Page de veille

JavaScript

Discussions similaires

Partager

Partager