javascript et plusieurs select - HTML/CSS - Programmation
Marsh Posté le 05-07-2005 à 15:27:12
personne ne pourrait m'aider ? svp ;-)
Edit : Problème Résolu ;-)
Marsh Posté le 23-05-2012 à 02:28:07
Bonjour
je sais bien que ton message est Posté le 05-07-2005 à 14:46:35
mais je vous dis je suis là si tu as encors bousoin d'aide
a bien tot
Marsh Posté le 05-07-2005 à 14:46:35
Bonjour, j'ai un petit soucis avec ce code
<script>
function adresse(){
var age_selectionne=document.formu.age.selectedIndex;
var division_selectionne=document.formu.division.selectedIndex;
var groupe_selectionne=document.formu.groupe.selectedIndex;
var age = document.formu.age.options[age_selectionne].text;
var division = document.formu.division.options[division_selectionne].text;
var groupe = document.formu.groupe.options[groupe_selectionne].text;
switch (age){
case "Jeunes" : switch(division){
case "Division 1" : switch(groupe){
case "Groupe 1" : window.open("http://jeunes-div1-gr1" );break;
case "Groupe 2" : window.open("http://jeunes-div1-gr2" );break;
}
break;
case "Division 3" : switch(groupe){
case "Groupe 5" : window.open("http://jeunes-div3-gr5" );break;
}
break;
}
break;
case "Adultes" : switch(division){
case "Division 2" : switch(groupe){
case "Groupe 3" : window.open("http://adultes-div2-gr3" );break;
case "Groupe 4" : window.open("http://adultes-div2-gr4" );break;
case "Groupe 5" : window.open("http://adultes-div2-gr5" );break;
}
break;
case "Division 4" : switch(groupe){
case "Groupe 6" : window.open("http://adultes-div4-gr6" );break;
}
break;
case "Division 5" : switch(groupe){
case "Groupe 7" : window.open("http://adultes-div5-gr7" );break;
}
break;
case "Division 6" : switch(groupe){
case "Groupe 8" : window.open("http://adultes-div6-gr8" );break;
case "Groupe 9" : window.open("http://adultes-div6-gr9" );break;
case "Groupe 10" : window.open("http://adultes-div6-gr10" );break;
case "Groupe 11" : window.open("http://adultes-div6-gr11" );break;
case "Groupe 12" : window.open("http://adultes-div60-gr12" );break;
}
break;
}
break;
}
}
function changeAge(){
var indice_selectionne=document.formu.age.selectedIndex;
var chango=document.formu.age.options[indice_selectionne].text;
switch (chango){
case "Adultes":
for (i = 0; i < Number(document.formu.division.options.length-1); i++){
document.formu.division.options.length--;
}
document.formu.division.options[0]=new Option('Division 2','div0');
document.formu.division.options[1]=new Option('Division 4','div1');
document.formu.division.options[2]=new Option('Division 5','div2');
document.formu.division.options[3]=new Option('Division 6','div3');
for (i = 0; i < Number(document.formu.groupe.options.length-1); i++){
document.formu.groupe.options.length--;
}
document.formu.groupe.options[0]=new Option('Groupe 3','gr0');
document.formu.groupe.options[1]=new Option('Groupe 4','gr1');
document.formu.groupe.options[2]=new Option('Groupe 5','gr2');
break;
case "Jeunes":
for (i = 0; i < Number(document.formu.division.options.length-1); i++){
document.formu.division.options.length--;
}
document.formu.division.options[0]=new Option('Division 1','div0');
document.formu.division.options[1]=new Option('Division 3','div1');
for (i = 0; i < Number(document.formu.groupe.options.length-1); i++){
document.formu.groupe.options.length--;
}
document.formu.groupe.options[0]=new Option('Groupe 1','gr0');
document.formu.groupe.options[1]=new Option('Groupe 2','gr1');
break;
}
}
function changeDiv(){
var indice_selectionne=document.formu.division.selectedIndex;
var chango=document.formu.division.options[indice_selectionne].text;
switch (chango){
case "Division 1":
for (i = 0; i < Number(document.formu.groupe.options.length-1); i++){
document.formu.groupe.options.length--;
}
document.formu.groupe.options[0]=new Option('Groupe 1','gr0');
document.formu.groupe.options[1]=new Option('Groupe 2','gr1');
break;
case "Division 2":
for (i = 0; i < Number(document.formu.groupe.options.length-1); i++){
document.formu.groupe.options.length--;
}
document.formu.groupe.options[0]=new Option('Groupe 3','gr0');
document.formu.groupe.options[1]=new Option('Groupe 4','gr1');
document.formu.groupe.options[2]=new Option('Groupe 5','gr2');
break;
case "Division 3":
for (i = 0; i < Number(document.formu.groupe.options.length-1); i++){
document.formu.groupe.options.length--;
}
document.formu.groupe.options[0]=new Option('Groupe 5','gr0');
break;
case "Division 4":
for (i = 0; i < Number(document.formu.groupe.options.length-1); i++){
document.formu.groupe.options.length--;
}
document.formu.groupe.options[0]=new Option('Groupe 6','gr0');
break;
case "Division 5":
for (i = 0; i < Number(document.formu.groupe.options.length-1); i++){
document.formu.groupe.options.length--;
}
document.formu.groupe.options[0]=new Option('Groupe 7','gr0');
break;
case "Division 6":
for (i = 0; i < Number(document.formu.groupe.options.length-1); i++){
document.formu.groupe.options.length--;
}
document.formu.groupe.options[0]=new Option('Groupe 8','gr0');
document.formu.groupe.options[1]=new Option('Groupe 9','gr1');
document.formu.groupe.options[2]=new Option('Groupe 10','gr2');
document.formu.groupe.options[3]=new Option('Groupe 11','gr3');
document.formu.groupe.options[4]=new Option('Groupe 12','gr4');
break;
}
}
</script><br><br>
personnes : jeunes / adultes
<br><br>
Jeunes : division 1 division 3
<br>
adultes : division 2 division 4 division 5 division 6
<br><br>
division 1 : groupe 1 / 2
<br>
division 2 : groupe 3 / 4 / 5
<br>
division 3 : groupe 5
<br>
division 4 : groupe 6
<br>
division 5 : groupe 7
<br>
division 6 : groupe 8,9,10,11,12
<br>
<form name="formu">
<select name="age" onchange="changeAge()">
<option value="age0">Jeunes</option>
<option value="age1">Adultes</option>
</select>
<select name="division" onchange="changeDiv()">
<option value="div0">Division 1</option>
<option value="div1">Division 3</option>
</select>
<select name="groupe" onchange="changeGroupe()">
<option value="gr0">Groupe 1</option>
<option value="gr1">Groupe 2</option>
</select>
<input type="submit" name="ok" onclick="adresse()">
</form>
Je m'y connais pas trop en javascript, alors de 1 je sais pas si c'est la bonne méthode pr faire des menu déroulant qui dépendent des autres menu déroulant. De 2, je sais que c pas bien codé : la preuve ça fait pas ce que je veux, a savoir : quand je clique sur adulte puis sur division 4 les groupes sont pas les bons.
Est-ce que qqun peut m'aider??
Message édité par frodum le 05-07-2005 à 14:47:15