Changement d'images en cours de journée.

Sodimel -  
avion-f16 Messages postés 19254 Date d'inscription   Statut Contributeur Dernière intervention   -
Bonjour, alors voilà, j'ai ce sympathique petit code

<a style="display:scroll;
position:fixed;
bottom:3px;
right:5px;"
alt="etat serveur"
title="Le serveur est"><img src="http://img74.xooimage.com/files/4/1/6/online-2b1e8ab.png"/></a>

Dans le overall_footer.tpl d'un forum, et j'aimerais que l'image online soit remplacée par l'image "offline" à un autre moment de la journée.
Je ne connais que le CSS/xHTML, pourriez-vous m'aider ?
Faut-il du php ou du javascript ? Vont-ils fonctionner dans un .tpl ?




2 réponses

Sodimel
 
Vraiment personne pour m'aider ?
(oui, ceci est un up caché)
Le forum est xooit, et est disponible ici: http://leroyaumedupain.forumserv.com/index.php
0
avion-f16 Messages postés 19254 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Salut,

Les moments de la journées où le serveur est hors-ligne sont-ils connus ?
Si oui, tu peux le réaliser en Javascript grâce à l'objet Date.

Il faudra créer un objet Date correspondant au moment du chargement de la page, et comparer si l'heure actuelle est compris entre celles où le serveur est en ligne.

Par exemple, si le serveur est hors-ligne de 1h00 à 10h00 :
<a
style="display:scroll;
position:fixed;
bottom:3px;
right:5px;"
id="server_status"></a>

<script type="text/javascript">
var url_online = 'img_online.png';
var url_offline = 'img_offline.png';

var now = new Date();
var img = (now.getHours() < 10 && now.getHours() >= 1) ? url_offline : url_online;

img_tag = document.createElement('img');
img_tag.src = img;
document.getElementById('server_status').appendChild(img_tag);
</script>
(code non testé, écrit directement dans le formulaire de réponse)
0