Boucle if multiple

Version imprimable

Boucle if multiple

slt à tous,
j'ai un script pour affichager la date
et je l'utilise pour créer une boucle pour afficher ou cacher des div en fonction du jour et du mois, mais
Bien évidement cela ne fonctionne pas
Voici mon code :

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
47
48
49
50
51
52
<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;
final=numero + "/" + mois;
 
if ((final="29/01")
visu="block";
elseif (final="29/02")
visu="block";
elseif (final="29/03")
visu="block";
elseif (final="29/04")
visu="block";
else
var visu="none";
 
</SCRIPT>
 
 
<div style='border:1px solid black; display:
<SCRIPT LANGUAGE="JavaScript">
document.write(visu);
</SCRIPT>'>div N°1</div><br />
<div style='border:1px solid black; display:
<SCRIPT LANGUAGE="JavaScript">
document.write(visu);
</SCRIPT>'div N°2</div><br />
<div style='border:1px solid black; display:
<SCRIPT LANGUAGE="JavaScript">
document.write(visu);
</SCRIPT>'>div N°3</div><br />
<div style='border:1px solid black; display:
<SCRIPT LANGUAGE="JavaScript">
document.write(visu);
</SCRIPT>'>div N°4</div>

Ou est mon erreur ?
Merci de votre aide

29/01/2009, 11h36
SpaceFrog

Oulà ...

pour les if multiples ..; regarde plutot du coté de switch ...

ensuite les document.write dans le body .... no comment ...

regarde du coté de innerHTML
29/01/2009, 11h36
Matthieu2000

Citation:

==

:idea:
29/01/2009, 11h39
SpaceFrog

lol Matt je n'ai pas pu aller aussi loin, tellement mal aux yeux ...
29/01/2009, 11h46
spawns

je sais que ca doit etre dur pour des pro
mais je ne connait pas javascript
29/01/2009, 11h49
Matthieu2000

http://javascript.developpez.com/cours/
http://javascript.developpez.com/faq/
:aie:

J'ai bien utilisé le switch
mais cela ne fonctionne pas plus, pour le innerHTML j'ai pas tout compris.
cela affiche bien le mot "block" puis le 1er div, cache le second mais affiche le troisieme et les suivant alors qu'ils devraient être cachées.

ou est mon erreur

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
47
48
49
50
51
52
53
54
55
<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;
final=numero + "/" + mois;
 
 switch(final)
    {
    case "29/01" :
        document.write("block");
        break;
    case "29/02" :
        document.write("block");
        break;
    case "29/03" :
        document.write("block");
        break;
    default :
        document.write("none");
    } 
 
</SCRIPT>
 
<div style='border:1px solid black; display:
<SCRIPT LANGUAGE="JavaScript">
document.write(visu);
</SCRIPT>
'>div N°1</div><br />
 
<div style='border:1px solid black; display:
<SCRIPT LANGUAGE="JavaScript">
document.write(visu);
</SCRIPT>'div N°2</div><br />
 
<div style='border:1px solid black; display:
<SCRIPT LANGUAGE="JavaScript">
document.write(visu);
</SCRIPT>'>div N°3</div><br />

29/01/2009, 12h44
le_chomeur

Code:

document.getElementById('id de ta div').innerHTML = 'block'
29/01/2009, 15h15
spawns
Citation:

Envoyé par le_chomeur

Code:

document.getElementById('id de ta div').innerHTML = 'block'

je l'intègre a quel niveau ?
a la place du
Code:

1 2 3 <SCRIPT LANGUAGE="JavaScript"> document.write(visu); </SCRIPT>
???

le blem c'est que "block" est defini dans mon switch
29/01/2009, 15h20
le_chomeur

oui , en ajoutant un id a l'endroit ou tu voudras voir afficher "block"

cela ne fonctionne pas car il faut que cela marque block seulement par rapport au switch de mon code.

revoila mon code modifié :

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
47
48
49
50
51
52
53
54
55
56
<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;
final=numero + "/" + mois;
 
 switch(final)
    {
    case "29/01" :
        document.writeln("block");
        break;
    case "29/02" :
        document.writeln("block");
        break;
    case "29/03" :
        document.writeln("block");
        break;
    default :
        document.writeln("none");
    } 
 
</SCRIPT>
 
<div id=1 style='border:1px solid black; display:
<SCRIPT LANGUAGE="JavaScript">
document.getElementById('1').innerHTML = 'block';
</SCRIPT>
'>div N°1</div><br />
 
<div id =2 style='border:1px solid black; display:
<SCRIPT LANGUAGE="JavaScript">
document.getElementById('2').innerHTML = 'block';
</SCRIPT>
'>div N°2</div><br />
 
<div id=3 style='border:1px solid black; display:
<SCRIPT LANGUAGE="JavaScript">
document.getElementById('3').innerHTML = 'block';
</SCRIPT>'>div N°3</div>

29/01/2009, 15h34
le_chomeur
8O8O8O8O8O8O8O8O8O8O8O8O8O8O8O

c'est quoi ça ??????
Code:

1 2 3 4 5 <div id=1 style='border:1px solid black; display: <SCRIPT LANGUAGE="JavaScript"> document.getElementById('1').innerHTML = 'block'; </SCRIPT> '>
a quel moment veux tu que le contenu de ta div soit "block" ??

Par rapport a ma boucle plus haut

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 switch(final)
    {
    case "29/01" :
        document.writeln("block");
        break;
    case "29/02" :
        document.writeln("block");
        break;
    case "29/03" :
        document.writeln("block");
        break;
    default :
        document.writeln("none");
    }

en gros des que ma variable final correspond a une case ca affiche "block", sinon ca affiche "none"

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
 switch(final)
    {
    case "29/01" :
        document.getElementById('1').innerHTML = 'block';
 
        break;
    case "29/02" :
        document.getElementById('1').innerHTML = 'block';
 
        break;
    case "29/03" :
        document.getElementById('1').innerHTML = 'block';
 
        break;
    default :
document.getElementById('1').innerHTML = '';
 
    }

Ok, j'ai compris pour le innerHTML
mais le probleme c'est l'affichage du "block"
qui dois se faire la ou j'ai mis les nombres.

Code:

1
2
3
4
5
6
 
<div id=1 style='border:1px solid black; display:1'>div N°1</div><br />
 
<div id=2 style='border:1px solid black; display:2'>div N°2</div><br />
 
<div id=3 style='border:1px solid black; display:3'>div N°3</div><br />

de plus dans la boucle a la fin je ne peux pas mettre un nom de ID
car il y a plusieurs tableau a cacher

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
  switch(final)
    {
    case "29/01" :
        document.getElementById('1').innerHTML = 'block';
 
        break;
    case "29/02" :
        document.getElementById('2').innerHTML = 'block';
 
        break;
    case "29/03" :
        document.getElementById('3').innerHTML = 'block';
 
        break;
    default :
document.getElementById('???').innerHTML = 'none';
 
    }

29/01/2009, 17h14
SpaceFrog

display:1 :roll:

très créatif ....
mais il ne faut vraiment pas aller chercher aussi loin ...
diplay il faut se limiter à block, none ou inline pour des divs ...

de plus un id ne doit pas être numérique

Code:

id="_1"

j'ai changer le nom des ID mais ca change rien

voila mon code final qui ne marche pas

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
47
48
49
50
51
52
<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;
final=numero + "/" + mois;
 
 
  switch(final)
    {
    case "29/01" :
        document.getElementById('divid1').innerHTML ='block';
 
        break;
    case "29/02" :
        document.getElementById('divid2').innerHTML = 'block';
 
        break;
    case "29/03" :
        document.getElementById('divid3').innerHTML = 'block';
 
        break;
    default :
document.getElementById('divid3').innerHTML ='none';
 
    }
 
 
</SCRIPT>
 
<body>
<div id=divid1>div N°1</div><br />
 
<div id=divid2>div N°2</div><br />
 
<div id=divid3>div N°3</div><br />

30/01/2009, 09h05
spawns

Finalement j'ai résolu mon problème.
J'ai procédé avec des writeIn, c'est pas hyper propre parait il mais je suis très loin d'être un spécialiste javascript.

Merci à tous