Discussion :

[Incognito87]

Bonjour,

Je dois effectuer un convertisseur de note de musique...mais ma dernière boucle ne fonctionne pas.

Voila mon code :

Code :

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

1
2
3
4
5
6
7
8
9
function fonctionValider(){
	var num=document.getElementById('num');
	var noteChoisi=num.options[num.selectedIndex].value;
	for (var j=1; j<=8; j++){	
		if(noteChoisi == noteAmericaine[j]){
			alert('La note classique  correspond à la note américaine .');
		}
	}
}

J'arrive tréss bien a récupérer la notechoisi par mon SELECT (j'ai vérifier) et le tableau noteAmericaine est ok...

Le souci, je pense vient de ma boucle...

En fait il faut que l'index du select soit égale a l'index de la valeur noteAmericaine...

Cordialement.

[Bovino]

Code :

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

for (var j=1; j<=8; j++)

T'es au courant que les indices de tableau commencent à 0 j'espère.

Sinon, tu cherches à faire quoi exactement ? Et accessoirement, ton problème, quel est-il ?

[Incognito87]

Oui j'ai corrigé mon erreur d'index...

Je veux faire correspondre deux index dans le if

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
 window.onload = function() {
	document.getElementById("titre").innerHTML='<p> Notation classique notation américaine </p>';
	noteAmericaine=["C","D","E","F","G","A","B","C"];
	selectNote=['Choisir...','Do','Ré','Mi','Fa','Sol','La','Si'];
	var form=document.createElement('form');/*Création du formulaire*/
	form.id='liste';
	form.name='liste';
	titre.appendChild(form);
	var span=document.createElement('span');/*Création du span*/
	var select=document.createElement('select');/*Création du select*/
	select.id='sel';
	span.innerHTML='Choisissez la note classique à convertir en note américaine : ';
	form.appendChild(span);	
	span.appendChild(select);
	for (var i=0; i<=7; i++){
		var option=document.createElement('option');/*Création des options*/
		option.value=selectNote[i];
		option.innerHTML=selectNote[i];
		select.appendChild(option);
	}
}	
function fonctionValider(){
	var sel = document.getElementById('sel');
	var IndexNoteChoisi = sel.options[sel.selectedIndex];
	alert(noteAmericaine[IndexNoteChoisi]);
	for (var j=0; j<=7; j++){
		if(IndexNoteChoisi == noteAmericaine[j]){
			alert('La note classique  correspond à la note américaine .');
		}
	}
}

Je n'arrive pas a récupérer la variable indexNoteChoisi....

[Incognito87]

J'ai mis un alert pour tester mon code et il me renvoi :[object HTMLoptionelement]

Code :

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

1
2
3
4
5
6
7
8
9
10
function fonctionValider(){
	var sel = document.getElementById('sel');
	var indexNoteChoisi = sel.options[sel.selectedIndex];
	alert(indexNoteChoisi);
	for (var j=0; j<=7; j++){
		if(indexNoteChoisi == noteAmericaine[indexNoteChoisi]){
			alert('La note classique  correspond à la note américaine .');
		}
	}
}

[SylvainPV]

Code :

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

var indexNoteChoisi = sel.options[sel.selectedIndex];

???
L'index choisi c'est selectedIndex tout court. Soit tu compares les valeurs, soit tu compares les index, mais il faut choisir !

[Incognito87]

Oui c'est vrai je suis en train de reprendre mon code...surtout que je n'ai aucun mal a le créer en PHP...

Pour commencer je créer un tableau associatif

[Incognito87]

Oui j'ai fait un tableau associatif...

Mon probléme est que mon selectIndex me retourne:[object HTMLoptionelement] !

[Bovino]

C'est peut-être dû au fait qu'une balise HTML <option> correspond en JavaScript à un objet HTMLOptionElement...

[Incognito87]

voila ou j'en suis (j'y suis presque !)...

Code :

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

1
2
3
4
5
var sel = document.getElementById('sel');
var nomNoteChoisi = sel.options[sel.selectedIndex].value;
var indexNoteChoisi = sel.options[sel.selectedIndex];
alert('La note classique '+nomNoteChoisi+' correspond à la note américaine '+note[indexNoteChoisi]+' .');
}

Mon probléme final est que je n'arrive pas a retourner l'index du select var indexNoteChoisi = sel.options[sel.selectedIndex];...

Et le pire c'est que je retourne bien la valeur du select : nomNoteChoisi...

[Incognito87]

Arrétez tout j'ai trouvé !!!

Code :

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

1
2
3
4
5
6
7
8
9
function fonctionValider(){
	var sel = document.getElementById('sel');
	var nomNoteChoisi = sel.options[sel.selectedIndex].value;
	for(i in note){
		if(nomNoteChoisi==i){
			alert('La note classique '+nomNoteChoisi+' correspond à la note américaine '+note[i]+' .');
		}
	}
}

[SylvainPV]

Donc en fait rien à voir avec les index... Sinon sel.value ça marche aussi