Afficher/cacher des div automatiquement

Version imprimable

slt à tous,
je suis empêtré dans mes div depuis un bon bout de temps et je m'en sort pas.

Voila ce que je veux faire :

je récupère la date dans une variable et en fonction de cette date j'affiche tel ou tel div.
Mais toujours 1 seul a la fois les autres étant masqués.

voici mon code qui ne fonctionne pas evidement :

Code:

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
 
<SCRIPT LANGUAGE="JavaScript">
navvers = navigator.appVersion.substring(0,1);
if (navvers > 3)
	navok = true;
else
	navok = false;
today = new Date;
numero = today.getDate();
if (numero<10)
	numero = "0"+numero;
mois = today.getMonth();
if (navok)
	annee = today.getFullYear();
else
	annee = today.getYear();
mois++;
if (mois < 10)
	mois = "0" + mois;
messageDate = numero + "/" + mois + "/" + annee;
 
 
 switch(messageDate)
    {
    case "30/01/2009" :
	document.getElementById('divid1').style.display = 'block';
        break;
    case "30/02/2009" :
	document.getElementById('divid2').style.display = 'block';
        break;
    case "30/03/2009" :
	document.getElementById('divid3').style.display = 'block';
        break;
    default :
	document.getElementById('?????????????').style.display = 'none';
    } 
 
      </script>
	<html>
<BODY>	
<div id="divid1" style="display:none">1</div>
<div id="divid2" style="display:none">2</div>	
<div id="divid3" style="display:none">3</div>
<div id="divid4" style="display:none">4</div>	
blabla
</body>

Un petit coup de main serait le bienvenue
Merci

Code:

1 2 3 4 5 6 7 function afficheDiv(){var numero = new Date.getDate(); var i=0; while(document.getElementById('divid'+i)){ document.getElementById('divid'+i).style.display = i == numero ? 'block' : 'none'; i++; } }
A mettre à la place de ton script entre les balises <head> de préférence et dans la balise <body>, tu ajoutes :

Code:

<body onload="afficheDiv()">

30/01/2009, 19h35
spawns

Merci Bovino
mais ca ne fonctionne pas.

J'ai ajouter ta fonction avant mon switch et le onload dans le body

Mais rien
30/01/2009, 19h45
Bovino

:nono: plus de switch !
Le code que je t'ai donné est complet ;)
30/01/2009, 20h19
spawns

comment je fait alors
pour que mes div s'affiche à la bonne date ???

car je veux que par exemple le premier de chaque mois le div qui s'affiche change.
janvier div1 afficher les autres caché
fevrier div2 afficher les autre caché etc...

et qu'il n'y ai 1 div de visible.
tu vois ce que je veux dire ?

Code:

1
2
3
4
5
6
7
8
function afficheDiv(){
var numero = new Date.getDate();  // numero prend la valeur du mois courant
var i=0;  // on initialise une variable de boucle
while(document.getElementById('divid'+i)){  // boucle while, tant qu'il existe une div dont l'id est divid + la valeur de i
    document.getElementById('divid'+i).style.display = i == numero ? 'block' : 'none';  //  on vérifie si elle correspond au mois courant, si c'est le cas, on l'affiche sinon on la cache
    i++;  //  on passe à la div suivante
}
}

Oui, bon, sauf que je boucle pas sur le mois mais sur le jour :oops: désolé...

Code:

1
2
3
4
5
6
7
function afficheDiv(){var numero = new Date.getMonth() + 1;  //  Attention, en JavaScript, les mois commencent à 0 !!!
var i=0;
while(document.getElementById('divid'+i)){
    document.getElementById('divid'+i).style.display = i == numero ? 'block' : 'none';
    i++;
}
}

Pourquoi cela m'affiche rien alors que cela devrait afficher 1 ???

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<SCRIPT LANGUAGE="JavaScript">
 
function afficheDiv(){
var numero = new Date.getMonth() + 1;  //  Attention, en JavaScript, les mois commencent à 0 !!!
var i=0;
while(document.getElementById('divid'+i)){
    document.getElementById('divid'+i).style.display = i == numero ? 'block' : 'none';
    i++;
}
}
 
      </script>
	<html>
<BODY onload="afficheDiv()">	
<div id="divid1" style="display:none">1</div>
<div id="divid2" style="display:none">2</div>	
<div id="divid3" style="display:none">3</div>
<div id="divid4" style="display:none">4</div>	
blabla
</body>

30/01/2009, 20h48
Bovino

Re :oops:

Code:

var i=0;

Tes div commencent à 1 !!!
Donc remplace :

Code:

var i=1;
30/01/2009, 20h51
spawns

Ca change rien ...
31/01/2009, 10h49
Bovino

:evilred:

Code:

var numero = new Date().getMonth() + 1;
31/01/2009, 11h00
spawns

Ca y est vistoire.

ce fut dur mais on y arrive. Comme tu est de bordeaux faudrait que tu me donne des cours, parce que moi est le javascript j'ai du mal.

Histoire de ce prendre un peu plus la tête, si je veux par exemple ciblé des jours précis dans l'année ou des plages de jours (comme un semaine du temps au temps).

Comment pourrais je procéder ??
Merci de ton aide
31/01/2009, 14h34
spawns

c'est bon j'ai trouvais en m'inspirant de ce que tu avais fait
avec les mois.

grand merci à toi Bovino
@+