[JS] formulaire

**leclone** · 02/08/2007, 07h57

bonjour a tous,

voila, je ne connais presque pas le JS

j'ai un menu déroulant :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<?php
<select name='choix'>
<option>CDI</option>
<option>CDD</option>
<option>INTERIM</option>
<option>STAGE</option>
<option>PROFESSIONNALISATION</option>
<option>APPRENTISSAGE</option>
</select>
?>

en fonction du choix, je voudrais qu'un certains nombres de choix apparaissent
par exemple, si on choisit CDI, 3 possibilités doivent apparaître (Création, Remplacement ou Tranformation d'un CDD)
si on choisit CDD, 2 possibilités apparaissent (Création ou Renouvellement)
etc...
le probleme c'est que je ne connais pas du tout le JS et je ne sais pas du tout comment faire

est ce que quelqu'un peut m'aider

merci d'avance

salutations.

**SpaceFrog** · 02/08/2007, 08h41

des problèmes ... tout ceux qui postent ici en ont ...
avec javascript ...
heureusement car ça aurait été avec une recette de crèpes suzettes tu n'aurais pas été sur le bon forum ...
Merci de lire les règles du forum concernant les titre des post ...
http://club.developpez.com/regles/

**leclone** · 02/08/2007, 08h53

oué,je le sais

mais est ce que tu aurais des pistes pour moi resoudre le probleme??

merci

**SpaceFrog** · 02/08/2007, 08h58

On va commencer soft ...

premièrement ton code n'a aucune chance de s'afficher puiqu'il est entre balises php ...

Code :

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

1
2
3
4
5
6
7
8
9
10
<?php
<select name='choix'>
<option>CDI</option>
<option>CDD</option>
<option>INTERIM</option>
<option>STAGE</option>
<option>PROFESSIONNALISATION</option>
<option>APPRENTISSAGE</option>
</select>
?>

ensuite tes options n'ont pas de value ... et il serait préférable d'avoir un id à ton select ...
Pour continuer quand tu dis :

3 possibilités doivent apparaître

sous quelle forme ? un autre select ? des boutons radios ? des checkboxes ?
et apparaitre où ?

**leclone** · 02/08/2007, 09h05

tout doit se faire sur la meme page, si possible

une fois le choix effectué, un certains nombres de proposition doivent apparaitre. Dans tous les cas, je dois faire apparaitre des boutons radios

**SpaceFrog** · 02/08/2007, 09h36

un exemple:

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<script type='text/javascript'>
function showChoice(lechoix){
var affiche ="";
switch(lechoix){
					case ('a') : affiche="123";
					           break;
					case ('b') : affiche="24";
					           break;
					case ('c') : affiche="245";
					           break;
					case ('d') : affiche="135";
					           break;
					case ('e') : affiche="2345";
					           break;
					case ('f') : affiche="15";
					           break;
					}           
 
var listesouschoix=document.getElementsByName('souschoix');
for(i=0;i<listesouschoix.length;i++){
       var here =(affiche.indexOf(i)>-1)?'':'none';
		listesouschoix[i].style.display= here;
		document.getElementById("label"+(i*1+1)).style.display=here;
		}
		}           
 
</script>           
</head>
 
<body>
<select name='choix' id='choix' onchange="showChoice(this.value)">
<option value='a'>CDI</option>
<option value='b'>CDD</option>
<optionvalue='c'>INTERIM</option>
<option value='d'>STAGE</option>
<option value='e'>PROFESSIONNALISATION</option>
<option value='f'>APPRENTISSAGE</option>
</select><br />
<input type='radio' name="souschoix" id="souschoix1" style="display:none;" value="machin chose 1" /><label for="souschoix1" id="label1" style="display:none;" >sous choix 1</label>
<input type='radio' name="souschoix" id="souschoix2" style="display:none;" value="machin chose 2" /><label for="souschoix2" id="label2" style="display:none;" >sous choix 2</label>
<input type='radio' name="souschoix" id="souschoix3" style="display:none;" value="machin chose 3" /><label for="souschoix3" id="label3" style="display:none;" >sous choix 3</label>
<input type='radio' name="souschoix" id="souschoix4" style="display:none;" value="machin chose 4" /><label for="souschoix4" id="label4" style="display:none;" >sous choix 4</label>
<input type='radio' name="souschoix" id="souschoix5" style="display:none;" value="machin chose 5" /><label for="souschoix5" id="label5" style="display:none;" >sous choix 5</label>
</body>
 
</html>

**leclone** · 02/08/2007, 10h35

ok

je viens de le tester, c super cool ce que tu as codé

en plus c'est ce que je veux, j'ai juste a le modifier un peu

par contre, si je choisi CDI et un choix qui apparaît, comment je dois faire pour recuperer cette données dans la page suivante quand l'utilisateur aura fait valider

merci de ton aide

salutations.

**SpaceFrog** · 02/08/2007, 10h51

tu n'utilise pas php ?

mets ta methode de formulaire à GET et regarde dans la faq comment passer/récupérer des paramètres dans l'url

**leclone** · 02/08/2007, 10h53

si j'utilise le php donc je dois recuperer les données comme d'habitude (je met tout en methode post et je recupere avec $_POST??)

**SpaceFrog** · 02/08/2007, 10h59

recupère comme d'habitude alors ...

**leclone** · 02/08/2007, 11h34

ok merci

pas contre si l'utilisateur choisit INTERIM ou STAGE ou PROFESSIONNALISATION ou APPRENTISSAGE, j'aimerais qu'un champ texte apparaît, mais je ne sais pas comment m'y prendre

est ce que tu peux me donner une dernière information, est ce que ca marche comme un input type='text' normal?

merci d'avance

ciao

**SpaceFrog** · 02/08/2007, 11h42

mets un div et modifie son innerHTML

**leclone** · 02/08/2007, 12h44

c encore moi

j'ai mis le script dans mon formulaire qui est en php. Voila ce que ca donne :

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
32
33
34
<?php
echo "<tr>
    <td width='100%' height='13' colspan='2'><font face='Times New Roman'>Nature du poste : 
        <select name='choix' id='choix' onchange='showChoice(this.value)'>
<option selected>-----------Sélectionnez-----------</option>
<option value='a'>CDI</option>
<option value='b'>CDD</option>
<option value='c'>INTERIM</option>
<option value='d'>STAGE</option>
<option value='e'>PROFESSIONNALISATION</option>
<option value='f'>APPRENTISSAGE</option>
</select><br>
<input type='radio' name='souschoix' id='souschoix1' style='display:none;' value='machin chose 1' /><label for='souschoix1' 

id='label1' style='display:none;' >sous choix 1</label>
<input type='radio' name='souschoix' id='souschoix2' style='display:none;' value='machin chose 2' /><label for='souschoix2' 

id='label2' style='display:none;' >sous choix 2</label>
<input type='radio' name='souschoix' id='souschoix3' style='display:none;' value='machin chose 3' /><label for='souschoix3' 

id='label3' style='display:none;' >sous choix 3</label>
<input type='radio' name='souschoix' id='souschoix4' style='display:none;' value='machin chose 4' /><label for='souschoix4' 

id='label4' style='display:none;' >sous choix 4</label>
<input type='radio' name='souschoix' id='souschoix5' style='display:none;' value='machin chose 5' /><label for='souschoix5' 

id='label5' style='display:none;' >sous choix 5</label>
        </font>
      
      <p><font face='Times New Roman'>* En cas de stage, le stagiaire est-il assuré par l'établissement
      scolaire ?</font> oui ou non</p>
    </td>
  </tr> " ;
?>

le probleme c'est que quand je choisi un élément dans le menu déroulant, rien ne s'affiche en dessous, il n'y a pas de sous choix qui apparait

c'est surement un probleme de codage

**leclone** · 02/08/2007, 12h51

NON C BON

j'avais changer un truc qu'il ne fallait pas

dsl

**SpaceFrog** · 02/08/2007, 12h53

je ne comprends vraiment pas pourquoi tu mets tout entre balises php pour en faire un echo ...

**leclone** · 02/08/2007, 14h00

parce que c'est un formulaire en php
pour pas mal de champs, je suis obliger de faire une connexion a ma base de donnees mysql pour recuperer des informations. Donc je met tout le formulaire en php

**SpaceFrog** · 02/08/2007, 14h05

pas besoin ... ne mets que les éléments issus de la base entre balises php ..

**leclone** · 02/08/2007, 14h20

oui je peux mais je prefere tout laisser en php

sinon je viens de modifier le javascript et pour l'instant tout fonctionne correctement
je viens d'avoir une demande d'information supplémentaire par l'entreprise

suite a ca :

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
32
33
34
35
36
 
<?php
echo "
<tr>
    <td width='100%' height='13' colspan='2'><font face='Times New Roman'>Nature du poste : 
        <select name='choix' id='choix' onchange='showChoice(this.value)'>
<option selected>-----------Sélectionnez-----------</option>
<option value='a'>CDI</option>
<option value='b'>CDD</option>
<option value='c'>INTERIM</option>
<option value='d'>STAGE</option>
<option value='e'>PROFESSIONNALISATION</option>
<option value='f'>APPRENTISSAGE</option>
</select><br>
<input type='radio' name='souschoix' id='souschoix1' style='display:none;' value='machin chose 1' /><label for='souschoix1' 

id='label1' style='display:none;' >sous choix 1</label>
<input type='radio' name='souschoix' id='souschoix2' style='display:none;' value='machin chose 2' /><label for='souschoix2' 

id='label2' style='display:none;' >Remplacement</label>
<input type='radio' name='souschoix' id='souschoix3' style='display:none;' value='machin chose 3' /><label for='souschoix3' 

id='label3' style='display:none;' >Création</label>
<input type='radio' name='souschoix' id='souschoix4' style='display:none;' value='machin chose 4' /><label for='souschoix4' 

id='label4' style='display:none;' >Transformation d'un CDD</label>
<input type='radio' name='souschoix' id='souschoix5' style='display:none;' value='machin chose 5' /><label for='souschoix5' 

id='label5' style='display:none;' >Renouvellement</label>
        </font>
      
      <p><font face='Times New Roman'>* En cas de stage, le stagiaire est-il assuré par l'établissement
      scolaire ?</font> oui ou non</p>
    </td>
  </tr> " ;
?>

quand je choisi INTERIM, STAGE, PROFESSIONNALISATION ou APPRENTISSAGE, j'aimerais bien que deux chammps texte apparaissent mais g regarder un peu et je n'y arrive pas

comment je peux faire?

merci d'avance

ciao

**leclone** · 02/08/2007, 16h37

ca fait maintenant 2 heures que je suis dessus et je n'arrive toujours pas a afficher un input de type text

est ce que quelqu'un aurait une solution

merci

**SpaceFrog** · 02/08/2007, 17h12

le principe est pourtant exactement le même que pour les radios et le labels ...

[JS] formulaire

JavaScript

Discussions similaires

Partager

Partager