Images par rapport à un jour de semaine

**uwestern** · 06/05/2013, 18h03

Bonjour à toutes et à tous,

J'aurais aimé savoir comme faire pour pouvoir afficher une image ou un texte sur un site internet mais par rapport à un jour de semaine.

Exemple : on aurait l'image A qui s'afficherait uniquement du lundi au vendredi, l'image B le samedi et l'image C le dimanche.

J'aurais aimé savoir déjà si cela était réalisable et si oui comment y arriver ?

Dans l'attente de nouvelles de votre part à l'encontre de ma question, je vous envoie à toutes et à tous mes salutations les meilleures

Uwe Stern

**Muchos** · 06/05/2013, 21h09

En PHP avec la fonction date() ? Du genre : si w=0 alors imgC, si w=6 alors imgB, si autre alors imgA.

**uwestern** · 06/05/2013, 22h35

Merci beaucoup "Muchos", mais m'y connaissant pas des masses en PHP, il n'y aurait pas une solution en HTML ?

Ou, comment mettre en forme alors ceci avec du PHP ? je ne sais pas comment l'inclure dans un code ?

**Muchos** · 07/05/2013, 02h02

Envoyé par uwestern

il n'y aurait pas une solution en HTML ?

Impossible, il faut que ce soit un langage dynamique.

@bob633 parlait récemment des Inclusions Côté Serveur : une méthode sous Apache pour inclure du contenu dynamique directement dans des pages HTML. Il y a bien une fonction DATE_LOCAL, mais je ne sais pas si on peut faire des scripts avec.

**moog** · 07/05/2013, 13h56

Envoyé par uwestern

Merci beaucoup "Muchos", mais m'y connaissant pas des masses en PHP, il n'y aurait pas une solution en HTML ?

Ou, comment mettre en forme alors ceci avec du PHP ? je ne sais pas comment l'inclure dans un code ?

Comme le souligne Muchos, il faudrait utiliser effectivement idéalement PHP
Si vous êtes plus à l'aise avec Javascript il est possible également de récupérer le jour de la semaine avec la fonction date

http://www.w3schools.com/jsref/jsref_getday.asp

HTML ne permet pas de faire ce genre de chose.

Cordialement,

**uwestern** · 07/05/2013, 16h25

Le plus simple c'est que je vous mets mon code et comme ça cela sera peut être plus simple de compréhension.

Il y a deux image et un carrée vide qui s'affiche mais uniquement par rapport à un jour et une heure mais j'aimerais pouvoir faire en sort qu'il s'affiche par rapport à un jour uniquement comme dans mon premier message. Exemple l'image 1 de lundi à vendredi, image 2 le samedi et image 3 le dimanche et que cela se répète toute l'année.

Dans l'espoir que mon code aide un peu...

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Accueil</title>
<meta name="Generator" content="Serif WebPlus X6 (14.0.0.020)">
<meta name="viewport" content="width=1200">
<script type="text/javascript" src="wpscripts/jquery.js"></script>
<script type="text/javascript" src="wpscripts/jquery.wpslider.js"></script>
<style type="text/css">
body{margin:0;padding:0;}
.Button1,.Button1:link,.Button1:visited{background-image:url('wpimages/wp882251f3_06.png');background-position:0px 0px;text-decoration:none;display:block;position:absolute;}
.Button1:focus{outline-style:none;}
.Button1:hover{background-position:0px -39px;}
.Button2,.Button2:link,.Button2:visited{background-image:url('wpimages/wp8a63ccef_06.png');background-position:0px 0px;text-decoration:none;display:block;position:absolute;}
.Button2:focus{outline-style:none;}
.Button2:hover{background-position:0px -78px;}
.Button2:active{background-position:0px -39px;}
</style>
</head>
 
<body text="#000000" style="background:#ffffff; height:1000px;">
<div style="background-color:transparent;margin-left:auto;margin-right:auto;position:relative;width:1200px;height:1000px;">
<div id="slider_3" style="position:absolute;left:281px;top:256px;width:638px;height:244px;overflow:hidden; background-color:#bbbbbb;">
    <div id="slider_3_P1" style="position:absolute;left:0px;top:0px;width:638px;height:244px;" rev="2013#4#7#9#0#0#2013#4#8#9#0#0">
        <img src="wpimages/wp05242b3d_05_06.jpg" border="0" width="638" height="244" alt="" style="position:absolute;left:0px;top:0px;">
    </div>
    <div id="slider_3_P2" style="position:absolute;left:0px;top:0px;width:638px;height:244px;visibility:hidden;" rev="2013#4#8#9#0#0#2013#4#9#9#0#0">
        <img src="wpimages/wpe96a6cca_05_06.jpg" border="0" width="638" height="244" alt="" style="position:absolute;left:0px;top:0px;">
    </div>
    <div id="slider_3_P3" style="position:absolute;left:0px;top:0px;width:638px;height:244px;visibility:hidden;" rev="2013#4#9#9#0#0#2013#4#10#9#0#0">
    </div>
</div>
<a href="javascript:;" id="btn_3" class="Button1" style="position:absolute;left:294px;top:358px;width:44px;height:39px;"></a>
<a href="javascript:;" id="btn_4" class="Button2" style="position:absolute;left:862px;top:358px;width:44px;height:39px;"></a>
<script type="text/javascript">
var $slider_3 = new $.fn.wpslider( { g_nDivId:'#slider_3', g_nTransitStyle:12, g_nTransitTime:1000, g_bPlayAtStart:true } );
$('#btn_3').click(function(){$slider_3.previous();});
$('#btn_4').click(function(){$slider_3.next();});
</script>
</div>
</body>
</html>

Images par rapport à un jour de semaine

HTML

Discussions similaires

Partager

Partager