[JS] formulaire

Version imprimable

[JS] formulaire

bonjour a tous,

voila, je ne connais presque pas le JS

j'ai un menu déroulant :
Code:

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.

02/08/2007, 08h41
SpaceFrog

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/
02/08/2007, 08h53
leclone

oué,je le sais

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

merci

On va commencer soft ...

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

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 :

Citation:

3 possibilités doivent apparaître

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

02/08/2007, 09h05
leclone

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

un exemple:

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
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>

02/08/2007, 10h35
leclone

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.
02/08/2007, 10h51
SpaceFrog

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
02/08/2007, 10h53
leclone

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??)
02/08/2007, 10h59
SpaceFrog

recupère comme d'habitude alors ...
02/08/2007, 11h34
leclone

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
02/08/2007, 11h42
SpaceFrog

mets un div et modifie son innerHTML

c encore moi

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

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
<?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

02/08/2007, 12h51
leclone

NON C BON

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

dsl:?
02/08/2007, 12h53
SpaceFrog

je ne comprends vraiment pas pourquoi tu mets tout entre balises php pour en faire un echo ...
02/08/2007, 14h00
leclone

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
02/08/2007, 14h05
SpaceFrog

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

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:

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

02/08/2007, 16h37
leclone

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
02/08/2007, 17h12
SpaceFrog

le principe est pourtant exactement le même que pour les radios et le labels ... 8O
03/08/2007, 10h26
leclone
pour faire apparaitre des boutons radios, le principe est celui la :
Code:

1 2 3 <input type='radio' name='souschoix' id='souschoix5' style='display:none;' value='machin chose 5' /><label for='souschoix5' id='label5' style='display:none;' >Renouvellement</label>
pour faire apparaitre un champs texte, je remplace type='radio' par type='text'

qu'est ce que je dois remplacer d'autre pour faire apparaitre ce champs texte car pour le moment rien ne s'affiche

merci d'avance

ciao
08/08/2007, 08h51
leclone

je suis toujours sur le meme probleme, je n'arrive pas a faire apparaitre mon champs text

est ce que quelqu'un peut m'aider

merci d'avance

ciao