[javascript]pb d'incrémentation

**cisse18** · 14/03/2006, 14h15

Bonjour à tous,
J'ai un petit problème pour passer à la case suivante, surement du à une incrémentation défectueuse, mais je dois vous avouer que je ne vois pas où se situe cette 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
 
 
<html> 
<head> 
<title></title> 
<style type="text/css"> 
<!-- 
td{ 
cursor: pointer; 
width: 50px; 
height: 20px; 
border: solid 1px #555555; 
} 
 
td.defaut{ 
color: #AAAAAA; 
background-color: #FFFFF; 
} 
 
td.styleClic{ 
color: #000000; 
background-color: #A1B2C3; 
} 
//--> 
</style> 
 
<script type="text/javascript"> 
<!-- 
var a = 1; 
function suivant(a) 
{ 
document.getElementById(a+1).className="styleClic";
document.getElementById(a).className="defaut";
var a=a+1;
} 
 
//--> 
</script> 
 
</head> 
 
<body> 
<table> 
  <tr> 
    <td id="1" class="styleClic">case 1</td> 
    <td id="2" class="defaut">case 2</td> 
    <td id="3" class="defaut">case 3</td> 
    <td id="4" class="defaut">case 4</td> 
	<input type="button" value="suivant" onClick="suivant(a)"/>
  </tr> 
</table> 
 
</body> 
 
</html>

Un indice svp.
Merci d'avance.

**SpaceFrog** · 14/03/2006, 14h18

c'est quoi le but ?

**Matthieu2000** · 14/03/2006, 14h21

tu n'as pas besoin de mettre a en paramètre ni de le déclarer comme variable dans la fonction car a est déjà déclarer en globale!

**cisse18** · 14/03/2006, 14h27

Le but est de passer de la case1 à la case2 etc... en cliquant sur le bouton suivant.
J'ai remis un "var" parce que je ne savais plus quoi faire et parce que dans un exemple d'un des tutoriels "a" etait déclaré avant la fonction mais aussi dedans.Mais bon, je comprends qu'il ne soit pas nécessaire de le remettre.

**SpaceFrog** · 14/03/2006, 14h52

En fait ce qui fait vraiment planter ton code c'est la ligne

Code :

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

var a=a+1

car à ce moment là tu réinitialises la variable ...

remplace cette ligbne simplement par :

Code :

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

a++

et nul besoin de passer a en paramètre ...

Code :

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

 <input type="button" value="suivant" onClick="suivant()"/>

**cisse18** · 14/03/2006, 14h54

Je passe bien jusqu'à la case 2 mais pas plus.
Une miette d'indice à me lancer ?

**SpaceFrog** · 14/03/2006, 14h58

j'espère que nos posts se sont croisés ...

**cisse18** · 14/03/2006, 15h15

En effet, j'ai répondu avant d'avoir eu ton message.
Par contre j'ai voulu mettre "a++" et "suivant()", mais ça marche encore moins bien.Je passe même plus sur la case 2.

Une autre idée?

**Matthieu2000** · 14/03/2006, 15h22

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
<html> 
<head> 
<title></title> 
<style type="text/css"> 
<!-- 
td{ 
cursor: pointer; 
width: 50px; 
height: 20px; 
border: solid 1px #555555; 
} 
 
td.defaut{ 
color: #AAAAAA; 
background-color: #FFFFF; 
} 
 
td.styleClic{ 
color: #000000; 
background-color: #A1B2C3; 
} 
//--> 
</style> 
 
<script type="text/javascript"> 
<!-- 
var a = 1; 
function suivant() 
{ 
document.getElementById(((a+1) % 4)).className="styleClic"; 
document.getElementById((a % 4) ).className="defaut"; 
a++; 
} 
 
//--> 
</script> 
 
</head> 
 
<body> 
<input type="button" value="suivant" onClick="suivant()"/> 
<table> 
  <tr> 
    <td id="1" class="styleClic">case 1</td> 
    <td id="2" class="defaut">case 2</td> 
    <td id="3" class="defaut">case 3</td> 
    <td id="0" class="defaut">case 4</td>    
  </tr> 
</table> 
tt
 
</body> 
 
</html>

**SpaceFrog** · 14/03/2006, 15h24

plus simplement...

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
 
<html>
<head>
<title></title>
<style type="text/css">
<!--
td{
cursor: pointer;
width: 50px;
height: 20px;
border: solid 1px #555555;
}
 
.defaut{
color: #AAAAAA;
background-color: #FFFFF;
}
 
.styleClic{
color: #000000;
background-color: #A1B2C3;
}
//-->
</style>
 
<script type="text/javascript">
<!--
var a = 1;
function suivant()
{
document.getElementById(a+1).className="styleClic";
document.getElementById(a).className="defaut";
a++;
}
 
//-->
</script>
 
</head>
 
<body>
<table>
  <tr>
    <td id="1" class="styleClic">case 1</td>
    <td id="2" class="defaut">case 2</td>
    <td id="3" class="defaut">case 3</td>
    <td id="4" class="defaut">case 4</td>
   <input type="button" value="suivant" onClick="suivant()"/>
  </tr>
</table>
 
</body>
 
</html>

**Matthieu2000** · 14/03/2006, 15h26

suis plus rapide!

**cisse18** · 14/03/2006, 15h32

Impeccable, ça marche nickel.
Merci à vous deux.

Juste un dernier petit truc et après je clos le sujet: pourquoi avoir rajouté " % 4" à "(a+1)" ?

**SpaceFrog** · 14/03/2006, 15h33

non math tu avais posté avant mais regarde ton code ...

Code :

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

document.getElementById(((a+1) % 4)).className="styleClic";

**Matthieu2000** · 14/03/2006, 15h39

dans mon code après 3 cela tombe à 0!
puis repart à 1...

**SpaceFrog** · 14/03/2006, 15h44

c'était pas la question

hors sujet

**cisse18** · 14/03/2006, 16h06

et sinon, matthieu2000, comment ça marche le "% 4", ça sert à quoi ?

**SpaceFrog** · 14/03/2006, 16h27

partie entière de la division par 4

alors qui c'est qu'il est rapide

speedy frog

**titoumimi** · 14/03/2006, 16h29

pour plus d'infos, tu peur rechercher sur google 'modulo'

[javascript]pb d'incrémentation

JavaScript

Discussions similaires

Partager

Partager