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

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

Oui, bon, sauf que je boucle pas sur le mois mais sur le jour

désolé...

Code :

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

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

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

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

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

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

Re

Code :

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

var i=0;

Tes div commencent à 1 !!!
Donc remplace :

Code :

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

var i=1;

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

Ca change rien ...

**Bovino** · 31/01/2009, 10h49

Code :

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

var numero = new Date().getMonth() + 1;

**spawns** · 31/01/2009, 11h00

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

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

Discussions similaires

Partager

Partager