date du jour en javascript

Version imprimable

22/10/2008, 16h46
rufus_

date du jour en javascript

Bonjour

comment generer en javascript la date du jour dans mon code HTML , {numero du jour} ci-dessous ?

Code:

<div id="Header" style="background-repeat:no-repeat;background-position:100% 0px;background-image:url(bannieres/{numero du jour}.jpg);">

merci
22/10/2008, 16h50
SpaceFrog

première chose tu ne pourras pas l'insérer dasn ton css de la sorte ...

il faudra faire ..

Code:

document.getElementById('Header').style.backgroundImage="url('"+variablejs+'".jpg"

ensuite tout depend du nom de tes images ?
tu veux un nommage du type

2008_10_22.jpg ?
22/10/2008, 17h11
rufus_

non je veux juste le jour
mes images ont numérotées de 1 a 31.jpg
22/10/2008, 17h21
RomainVALERI
As-tu essayé ceci ?
Code:

1 2 var jour = taVariableDate.getDate();
...ou bien, si c'est toujours la date du jour dont tu as besoin :
Code:

1 2 var jour = new Date().getDate();
A+ !

Code:

1
2
3
4
<script type='text/javascript'>
var Today=new Date().getDay();
alert("url\('"+Today+".jpg'\)")
</script>

22/10/2008, 17h31
rufus_

merci a vous mais concrètement comment je récupère la date du jour pour la mettre a la place du X dans mon code HTML ?

<div id="Header" style="background-repeat:no-repeat;background-position:100% 0px;background-image:url(bannieres/X.jpg);">
22/10/2008, 17h31
RomainVALERI

Je me sens très très mal de contredire une sommité comme SpaceFrog mais....
ce n'est pas le jour de la semaine que renvoie getDay() ?
22/10/2008, 17h34
rufus_
j'ai essayé
Code:

1 2 3 4 5 6 7 <script type="text/javascript"> function banniereJour() { var Today=new Date().getDay(); document.getElementById('Header').style.backgroundImage="url('bannieres/'"+Today+'".jpg" } </script>
mais ça ne marche pas dans mon

Code:

<div id="Header" style="background-repeat:no-repeat;background-position:100% 0px;);">

bien sur sans cet indigeste body onload, l'idéal serait sans fonction directement dans la balise

en fait je cherche en javascript l'equivalent du php

Code:

<div id="Header" style="background-image:url(bannieres/<?php echo date("j") ; ?>.jpg);">
22/10/2008, 18h04
mimagyc

Code:

document.getElementById('Header').style.backgroundImage=

;)
22/10/2008, 18h12
rufus_

j'ai bien compris mais ou je met ça ?

Code:

1
2
3
4
5
6
7
<script type="text/javascript">
window.onload=function()
	{
	var Today=new Date().getDate();
	document.getElementById('Header').style.backgroundImage="url('bannieres/"+Today+".jpg')"
	}
</script>

A placer dans le head de ta page.

22/10/2008, 19h43
rufus_

genial !

ca marche et merci
22/10/2008, 20h20
SpaceFrog

Milles excuses, mais comme le fait pertinemment remarquer Romain, il faut utiliser getDate et pas getDay pour avoir la date et pas le jour ...
Merci d'avoir relevé cette boulette :king:
22/10/2008, 21h26
rufus_

ca marche

merci a tous