Discussion :

[pymouse]

Bonjour,

Mon problème est le suivant : j'aimerai lié une liste déroulant a des chekcbox. Je m'explique, je créer plusieur checkbox :

Code :

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

1
2
3
4
 
while(...){
echo "<input type=\"checkbox\" name\"box[]\" value=$id>"
}

Ensuite une fois que des checkbox on été chochées ou pas. L'utilisateur doit selectionné un champ dans une liste déroulante et appuyer sur un bouton, j'aimerai savoir comment je pouvais lier les deux? Je doit faire des actions différentes celon le champs selectionné.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<select name="select_champ"> 
<?php 
$result = mysql_query("SELECT * FROM champ ORDER BY id"); 
while ($row = mysql_fetch_object($result)) { 
$id = $row->id; 
$nom_champ = $row->nom; 
echo "<option value='$id'>$nom_champ</option>"; 
} 
echo "<option value='new_champ'> nouveau champ </option>";
?> 
</select>

De plus, et-il possible d'avoir un champ : "nouveau champ" qui une fois selectionné, dévérouille ou alors affiche un "input text" pour que l'utilisateur puissa "crée" un nouveau champ.

Donc voila je ne sais pas si j'ai été assez clair...J'ai essayé de résume le contexte dans lequel je suis.

Je vous remercie par avance

Pymouse!

[Swoög]

il faut bidouiller tout avec du JavaScript et des onChange un peu partout sur les checkbox et le select... + éventuellement de l'AJAX... (pour régénérer le contenu du select)

je sais pas si c'est super clair... mais c'est le mieux que je puisse faire vu les infos que tu donnes

pour ton select <=> input, tu peux déjà faire :

Code :

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

1
2
3
4
5
6
<select name="select_champ" onchange="document.getElementById('new_champ').style.visibility = (this.options[this.selectedIndex].value == 'new_champ' ? 'visible' : 'hidden')">
[...]
<option value='new_champ'> nouveau champ </option>
</select>
<input type="text" id="new_champ" name="new_champ">
<script type="text/javascript">document.getElementById('new_champ').style.visibility = (this.options[this.selectedIndex].value == 'new_champ' ? 'visible' : 'hidden');</script>

là ça joue sur apparition/disparition

pour jouer sur activer/désactiver... mets :

Code :

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

disabled = this.options[this.selectedIndex].value != 'new_champ'

au lieu de

Code :

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

style.visibility = (this.options[this.selectedIndex].value == 'new_champ' ? 'visible' : 'hidden')

[pymouse]

J'ai fait quelque modification et ca marche du feu de dieux

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
 
<script language="JavaScript" type="text/JavaScript">
<!--
function shipToChange(champ) {
if(champ == 'new_folder')
{
document.getElementById('new_folder').focus();
document.getElementById('new_folder').disabled = false ;
}
else
{
document.getElementById('new_folder').disabled = true ;
}
}
//-->
</script>
[...]
<select name="new_champ" onchange="shipToChange( this.options[this.selectedIndex].value )"> 
[...]
<input type="text" id="new_champ" name="new_champ_name">
<script type="text/javascript">document.getElementById('new_champ').disabled = true ;</script>

Merci