Afficher/cacher des div automatiquement

**spawns** · 30/01/2009, 17h49

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 :

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
 
<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

**Bovino** · 30/01/2009, 19h11

Code :

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

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 html :

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

<body onload="afficheDiv()">

**spawns** · 30/01/2009, 19h35

Merci Bovino
mais ca ne fonctionne pas.

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

Mais rien

**Bovino** · 30/01/2009, 19h45

plus de switch !
Le code que je t'ai donné est complet

**spawns** · 30/01/2009, 20h19

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 ?

**Bovino** · 30/01/2009, 20h28

Code :

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

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
}
}

**spawns** · 31/01/2009, 14h34

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

grand merci à toi Bovino
@+

Afficher/cacher des div automatiquement

JavaScript

Vue hybride

Discussions similaires

Partager

Partager