[PHP-JS] case à coher + liste deroulante

Version imprimable

20/07/2006, 09h18
bb62

[PHP-JS] case à coher + liste deroulante

Bonjour à tous,

Est-il possible que lorsque je coche une case à cocher, une liste deroulante apparaît à coté??

MErci d'avance
20/07/2006, 09h19
Eusebius

Yep
mais tu devrais regarder du côté de Javascript
20/07/2006, 09h21
bb62

Oki je vais regardé mais je penser que c'été possible sans passer par le javascript.
20/07/2006, 09h27
Amara

Citation:

Envoyé par bb62

Oki je vais regardé mais je penser que c'été possible sans passer par le javascript.

Peut-être sans JavaScript mais ça implique un rechargement de ta page donc une validation après avoir coché la case et c'est pas ce que tu veux je pense...
JavaScript => client
PHP => serveur

Bon j'ai donc trouver la solution, le code est ci-dessous :

Code:

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
 
<tr>
     <td colspan="1">&nbsp;</td>
     <td colspan="1" width = "165" align="left"><input type="checkbox" name="dptSûreté" onclick="change()">Departement Sûreté</td>
      <td colspan="1" align="left"><input type="text" id="Ztext" style="visibility:hidden" ></td>		
</tr>
 
<tr>
      <td colspan="1">&nbsp;</td>
      <td colspan="1" align="left"><input type="checkbox" name="saisonnier"  onclick="change2()">Saisonnier</td>
      <td colspan="1" align="left"><input type="text" id="Ztext2"  style="visibility:hidden" ></td>
</tr>
 
<script language="javascript">			
       function change()
       {
         if (document.getElementById('dptSûreté').checked == true){
            document.getElementById('Ztext').style.visibility='visible';
 
         }else{
	document.getElementById('Ztext').style.visibility='hidden';
	document.getElementById('Ztext').value = '';
         }
        }
 
        function change2()
        {
          if (document.getElementById('saisonnier').checked == true){
    	document.getElementById('Ztext2').style.visibility='visible';
 
          }else{
	document.getElementById('Ztext2').style.visibility='hidden';
	document.getElementById('Ztext2').value = '';
           }
         }
 
</script>

Maintenant j'aimerai savoir comment on peut cocher qu'une seul case?

Merci d'avance.

20/07/2006, 10h13
guitou12

Tu es dans la section php ici pas dans la javascript je te conseille de reposter ton message dans l'autre section ;)
20/07/2006, 10h15
bb62

oui je sais mais est ce que c'est possible de faire ce que je demandais à mon post précédent en php??

C'est bon j'ai trouver, je vous mais le code si ca interesse quelqu'un :

Code:

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
40
41
42
 
<tr>
    <td colspan="1">&nbsp;</td>
    <td colspan="1" width = "165" align="left"><input type="checkbox" name="dptSûreté" onclick="change()">Departement Sûreté</td>
     <td colspan="1" align="left"><input type="text" id="Ztext" style="visibility:hidden" ></td>		
</tr>
 
<tr>
    <td colspan="1">&nbsp;</td>
    <td colspan="1" align="left"><input type="checkbox" name="saisonnier"  onclick="change2()">Saisonnier</td>
    <td colspan="1" align="left"><input type="text" id="Ztext2"  style="visibility:hidden" ></td>
</tr>
 
 
<script language="javascript">
    function change()
    {
       if (document.getElementById('dptSûreté').checked == true){
    	document.getElementById('Ztext').style.visibility='visible';
	document.getElementById('saisonnier').checked = false;
             document.getElementById('Ztext2').style.visibility='hidden';
 
        }else{
	document.getElementById('Ztext').style.visibility='hidden';
	document.getElementById('Ztext').value = '';
        }
     }
 
    function change2()
    {
       if (document.getElementById('saisonnier').checked == true){
    	document.getElementById('Ztext2').style.visibility='visible';
	document.getElementById('dptSûreté').checked = false;
	document.getElementById('Ztext').style.visibility='hidden';
 
       }else{
	document.getElementById('Ztext2').style.visibility='hidden';
	document.getElementById('Ztext2').value = '';
       }
    }
 
</script>

Merci à tous.

Je vous souhaite une très bonne journée.

A++.

20/07/2006, 11h08
Amara

Si il n'y a qu'un seul choix possible il faut utiliser des boutons radios et pas des checkboxs...