Encore moi....
Bon j'ai fait ton code.
Je me suis bien sur permis de rajouter des petites fonctions... lol
En fat j'ai rajouter le fait que le dernier checkbox est automatiquement coché et ne peux etre décoché.
Puis j'ai aussi rajouter le fait que lorsque on choisit en 4 parties alors les 4 checkbox sont automatiquement cochés et ne peuvent être décochés
Puis j'ai encore ajouté le fait que c'est lors des changements du menu déroulant que les checkbox sont crées... je m'explique : au départ aucun checkbox sont dans la page et si tu cliques sur 5 alors cela créer 5 checkbox... etc...
Voila tu n'as plus qu'à tester et adapter le tout pour ton système ( j'ai ici fais un exemple avec seulement 3 lignes mais tu peux faire un copier coller d'une ligne de la table pour rajouter des menus déroulant sans oublier de modifier les id respectif en incrémentant l'index)
voila le code :
<html>
<head>
<script type="text/javascript">
function maj_checkbox(id,value) {
var targetEl = document.getElementById(id+"_check");
targetEl.innerHTML = '';
if (value == -1) {
targetEl.innerHTML = 'Choisissez un nombre de parties';
return;
}
for(var i=1;i<=value;i++) {
var checked = value == 4 ? "checked" : (i == value ? "checked" : "");
var tempID = id+"_check_";
targetEl.innerHTML += "Partie "+i+" <input name="+tempID+i+" id="+tempID+i+" type=\"checkbox\" "+checked+" onclick=\"return checkClick(this,'"+tempID+"',"+value+","+i+")\"><br>";
}
}
function checkClick(el,tempID,value,index) {
if (value == 4 || index == value) return false;
if (!el.checked) return true;
var numberChecked = 0;
for (var i=1;i<=value;i++) {
if (document.getElementById(tempID+i).checked) numberChecked++;
}
if (numberChecked <= 4) return true;
else return false;
}
</script>
</head>
<body>
<form>
<table align="center" width="50%">
<tr>
<td valign="middle">
<select name="match1" onchange="maj_checkbox(this.name,this.value)">
<option value="-1">Nbr parties</option>
<option value="4">4 parties</option>
<option value="5">5 parties</option>
<option value="6">6 parties</option>
<option value="7">7 parties</option>
</select>
</td>
<td id="match1_check">Choisissez un nombre de parties</td>
</tr>
<tr><td> </td></tr>
<tr>
<td valign="middle">
<select name="match2" onchange="maj_checkbox(this.name,this.value)">
<option value="-1">Nbr parties</option>
<option value="4">4 parties</option>
<option value="5">5 parties</option>
<option value="6">6 parties</option>
<option value="7">7 parties</option>
</select>
</td>
<td id="match2_check">Choisissez un nombre de parties</td>
</tr>
<tr><td> </td></tr>
<tr>
<td valign="middle">
<select name="match3" onchange="maj_checkbox(this.name,this.value)">
<option value="-1">Nbr parties</option>
<option value="4">4 parties</option>
<option value="5">5 parties</option>
<option value="6">6 parties</option>
<option value="7">7 parties</option>
</select>
</td>
<td id="match3_check">Choisissez un nombre de parties</td>
</tr>
</table>
</form>
</body>
</html>
bonne prog
@+
-- The Rubik's Man --