Erreur de boucle

**koala64** · 28/05/2005, 09h22

Bonjour,

J'ai écris le script suivant:

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head><title>mon script</title>
<meta http-equiv="Content-Type" content="text/html; CHARSET=iso-8859-15" />
<style>
<!--
/*Fond noir*/
body { background:#000; }
/*Conteneur de 600px par 400px*/
#conteneur { background:#555; color:#DD8; width:556px; height:356px; padding:20px; border:2px outset #DD8; }
//-->
</style><script>
<!--
 
var coul = new Array("bleu","jaune","vert");
var chose = new Array("livre","panneau","classeur");
 
function corresp() {
 
    var select = document.getElementById("champ").value;
 
    for (var i=0;i<coul.length;i++) {
		if ( coul[i] == select ) {
			break;
		}
		alert ("Le " + chose[i] + " est " + coul[i] + ".");
		break;
	}
}
 
//-->
</script></head><body><div id="conteneur">
 
<form action="" method="" id="formulaire">
<input type="text" id="champ" onchange="corresp()" />
</form>
 
</div></body></html>

Mon objectif est d'obtenir une correspondance entre les éléments de deux tableaux, un pour des objets et un autre pour des couleurs. J'ai donc un champ texte dans lequel je rentre l'intitulé de divers objets... Si ce que je tape existe, alors ce script doit me renvoyer une alerte comprenant mon objet ainsi que la couleur associée. Dans le cas inverse, je ne souhaite aucun retour.
Actuellement, j'obtiens toujours le même message quelquesoit ma saisie, en l'occurrence, celui correspondant aux premiers éléments de mes tableaux. Quelqu'un saurait-il comment me corriger et m'expliquer mon/mes erreur(s)?

En vous remerciant d'avance...

Bonne journée

**javatwister** · 28/05/2005, 09h52

salut

tu y es presque, mais tu as confondu tes 2 tableaux;
tu peux faire comme ça:

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
<div id="conteneur"> 
 
<form action="" method="" id="formulaire"> 
<p>
<input type="text" id="champ" onchange="corresp(this.value)" /> 
</p>
</form> 
 
</div>
 
<script type="text/javascript"> 
 
var coul = ["bleu","jaune","vert"]; 
var chose = ["livre","panneau","classeur"]; 
 
function corresp(ch) { 
 
   for(i in chose){ 
      if(ch==chose[i]){ 
        alert("Le " + ch + " est " + coul[i] + ".");
	break};  
  } 
} 
 
 
</script>

**koala64** · 28/05/2005, 11h09

Salut et merci pour cette réponse javatwister,

J'ai essayé de voir comment ton script réagissait et bizarrement je n'ai plus aucune alerte... J'ai vraiment du mal à comprendre car je ne trouve pas d'erreur de code (vu de mes petites notions en javascript), tout me semble correct. Ce qui me parait dingue, c'est qu'à priori, je pense que ce que je cherche à faire est une broutille mais jusqu'à maintenant, impossible d'avoir la réaction souhaitée... Que ce passe-t-il donc?

**javatwister** · 28/05/2005, 11h28

bah, j'ai testé, tu sais! tu as peut-être gardé un vieux bout de code avec?

si tu entres l'un des noms d'objets et que tu quittes le champ, l'alerte apparaît;

**koala64** · 28/05/2005, 11h55

Je me doutais bien que tu avais testé et c'est bien çà qui m'inquiète... Je ne vois pas mon erreur... J'en viens à me demander si elle vient vraiment du script... Serait-ce un problème de paramétrage de FF?

Voici mon code actuel qui ne réagit 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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head><title>mon script</title>
<meta http-equiv="Content-Type" content="text/html; CHARSET=iso-8859-15" />
<style>
<!--
/*Fond noir*/
body { background:#000; }
/*Conteneur de 600px par 400px*/
#conteneur { background:#555; color:#DD8; width:556px; height:356px; padding:20px; border:2px outset #DD8; }
//-->
</style><script>
<!--
 
var coul = ["bleu","jaune","vert"];
var chose = ["livre","panneau","classeur"];
 
function corresp(ch) {
 
    for (i in chose) {
		if ( ch == chose ) {
			alert ("Le " + ch + " est " + coul[i] + ".");
			break;
		}
	}
}
 
//-->
</script></head><body><div id="conteneur">
 
<form action="" method="" id="formulaire"><p>
<input type="text" id="champ" onchange="corresp(this.value)" />
</p></form>
 
</div></body></html>

çà marche chez toi?