Boucle if multiple

**spawns** · 29/01/2009, 11h32

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 :

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

**SpaceFrog** · 29/01/2009, 11h36

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

**Matthieu2000** · 29/01/2009, 11h36

==

**SpaceFrog** · 29/01/2009, 11h39

lol Matt je n'ai pas pu aller aussi loin, tellement mal aux yeux ...

**spawns** · 29/01/2009, 11h46

je sais que ca doit etre dur pour des pro
mais je ne connait pas javascript

**Matthieu2000** · 29/01/2009, 11h49

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

**spawns** · 29/01/2009, 12h19

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 :

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

**le_chomeur** · 29/01/2009, 12h44

Code :

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

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

**spawns** · 29/01/2009, 15h15

Envoyé par le_chomeur

Code :

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

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

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

Code :

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

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

???

le blem c'est que "block" est defini dans mon switch

**le_chomeur** · 29/01/2009, 15h20

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

**spawns** · 29/01/2009, 15h29

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

revoila mon code modifié :

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

**le_chomeur** · 29/01/2009, 15h34

c'est quoi ça ??????

Code :

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

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

**spawns** · 29/01/2009, 15h43

Par rapport a ma boucle plus haut

Code :

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

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"

**le_chomeur** · 29/01/2009, 15h46

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
 
 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 = '';
 
    }

**spawns** · 29/01/2009, 16h00

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 :

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

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 :

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

**SpaceFrog** · 29/01/2009, 17h14

display:1

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 :

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

id="_1"

**spawns** · 30/01/2009, 00h10

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

voila mon code final qui ne marche pas

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

**spawns** · 30/01/2009, 09h05

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

Boucle if multiple

JavaScript

Discussions similaires

Partager

Partager