Fonction radio avec js ne marche qu'a moitié

Version imprimable

29/09/2009, 11h21
Maxime50

Fonction radio avec js ne marche qu'a moitié

Bonjour,

Je suis devant une colle la, j'ai fait un formulaire avec champs texte, mais le champs change en fonction d'option de boutons radio, jusque la tout fonctionne. Mon probleme, le texte qui indique a quoi sert le champs lui devrais changer aussi, mais il m'affiche toujours la totalité des indications, il faut que je reclic sur le bouton pour que seul une indication ne s'affichent, je pense que ca doit venir de js.

Pourriez vous m'aider svp.

Merci.

Si je me suis trompé de section, j'en suis désolé.
29/09/2009, 11h52
andry.aime

Bonjour,
Il est difficile de t'aider sans voir le code concerné. :aie:

oui c'est vrai, dsl, voila la le code

Ne connaissant rien a JS je l'ai trouver sur le net et j'ai essayé de l'adapter, mais bon ^^

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
 
<form action="traitement.php" enctype="multipart/form-data" method="post">
    <table width="600px" align="center">
        <tr>
            <td valign="top" style="text-align:right">Choisir la rubrique :&nbsp;</td>
            <td width="300px" valign="top" style="text-align:left">
                <input type="radio" name="client" value="dispositiforiginal" checked onclick="document.getElementById('adres').style.display='block';document.getElementById('label_adres').style.display='block';document.getElementById('dispoori').style.display='block';   document.getElementById('dispoparte').style.display='none'; document.getElementById('accompagnement').style.display='none';" />Dispositif original<br />
 
                <input type="radio" name="client" value="dispositifpartenarial" onclick="document.getElementById('adres').style.display='none';document.getElementById('label_adres').style.display='none'; document.getElementById('dispoori').style.display='none';document.getElementById('dispoparte').style.display='block';document.getElementById('accompagnement').style.display='none';" />Dispositif partenarial<br />
 
                <input type="radio" name="client" value="accompagnement"  onclick="document.getElementById('adres').style.display='none';document.getElementById('label_adres').style.display='none';document.getElementById('dispoori').style.display='none';document.getElementById('dispoparte').style.display='none';document.getElementById('accompagnement').style.display='block';" />Accompagnement
            </td>
        </tr>
        <tr>
            <td valign="top" style="text-align:right"><span id="dispoori" style="display:<?php echo ($_SESSION['button1']== 'oui' ? 'none' : 'block');?>;">Un appui en comp&eacute;tence :&nbsp;</span>
                                                        <span id="dispoparte" style="display:<?php echo ($_SESSION['button1']== 'oui' ? 'none' : 'block');?>;">Dispositif partenarial :&nbsp;</span>
                                                        <span id="accompagnement" style="display:<?php echo ($_SESSION['button1']== 'oui' ? 'none' : 'block');?>;">Accompagnement :&nbsp;</span></td>
 
            <td valign="top" style="text-align:left"><textarea name="article1" cols="40" rows="10"></textarea></td>
        </tr>
        <tr>
            <td valign="top" style="text-align:right"><span id="label_adres" style="display:<?php echo ($_SESSION['button1']== 'oui' ? 'none' : 'block');?>;">Un appui financier :&nbsp;</span></td>
            <td valign="top" style="text-align:left"><textarea name="adres" rows="10" cols="40" id="adres" style="display:<?php echo ($_SESSION['button1']== 'oui' ? 'none' : 'block');?>;"></textarea></td>
        </tr>
        <tr>
            <td colspan="2" style="text-align:right">
                <input type="submit" value="Ajouter" />
            </td>
        </tr>
    </table>
</form>

29/09/2009, 13h27
Bovino

Salut,
Comme son nom l'indique, getElementById recherche des id, pas des name :roll:

les name sont pour mon traitement de formulaire, et cette partie la marche très bien, c'est la partie avec le texte qui veut pas fonctionner aussitot, je doit recliquer sur le bouton pour que le texte concerné apparaisse seul, sinon j'ai c'est trois la qui qui s'affichent
Code:

1 2 3 4 ;">Un appui en compétence :  ;">Dispositif partenarial :  ;">Accompagnement : 

29/09/2009, 15h39
andry.aime

1- Donne nous le code HTL généré mais pas le PHP.
2- Elle est ou la fonction javascript?

voila le code html une fois généré par le "serveur"
par contre je comprends pas, il me marque un message d'erreur dans le code source généré mais ne l'affiche pas sur la page

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
 
form action="traitement.php" enctype="multipart/form-data" method="post">
                                    <table width="600px" align="center">
                                        <tr>
                                            <td valign="top" style="text-align:right" width="300px">Choisir la rubrique :&nbsp;</td>
                                            <td width="300px" valign="top" style="text-align:left">
                                                <input type="radio" name="rubrique" value="dispositiforiginal" checked onclick="document.getElementById('adres').style.display='block';document.getElementById('label_adres').style.display='block';document.getElementById('dispoori').style.display='block';   document.getElementById('dispoparte').style.display='none'; document.getElementById('accompagnement').style.display='none';" />Dispositif original<br />
 
                                                <input type="radio" name="rubrique" value="dispositifpartenarial" onclick="document.getElementById('adres').style.display='none';document.getElementById('label_adres').style.display='none'; document.getElementById('dispoori').style.display='none';document.getElementById('dispoparte').style.display='block';document.getElementById('accompagnement').style.display='none';" />Dispositif partenarial<br />
 
                                                <input type="radio" name="rubrique" value="accompagnement"  onclick="document.getElementById('adres').style.display='none';document.getElementById('label_adres').style.display='none';document.getElementById('dispoori').style.display='none';document.getElementById('dispoparte').style.display='none';document.getElementById('accompagnement').style.display='block';" />Accompagnement
                                            </td>
                                        </tr>
                                        <tr>
                                            <td valign="top" style="text-align:right"><span id="dispoori" style="display:<br />
<b>Notice</b>:  Undefined index:  button1 in <b>/Applications/MAMP/htdocs/admin/dispositiforiginal/index.php</b> on line <b>51</b><br />
block;">Un appui en comp&eacute;tence :&nbsp;</span>
                                                                                        <span id="dispoparte" style="display:<br />
<b>Notice</b>:  Undefined index:  button1 in <b>/Applications/MAMP/htdocs/admin/dispositiforiginal/index.php</b> on line <b>52</b><br />
block;">Dispositif partenarial :&nbsp;</span>
                                                                                        <span id="accompagnement" style="display:<br />
<b>Notice</b>:  Undefined index:  button1 in <b>/Applications/MAMP/htdocs/admin/dispositiforiginal/index.php</b> on line <b>53</b><br />
block;">Accompagnement :&nbsp;</span></td>
 
                                            <td valign="top" style="text-align:left"><textarea name="article1" cols="40" rows="10"></textarea></td>
                                        </tr>
                                        <tr>
                                            <td valign="top" style="text-align:right"><span id="label_adres" style="display:<br />
<b>Notice</b>:  Undefined index:  button1 in <b>/Applications/MAMP/htdocs/admin/dispositiforiginal/index.php</b> on line <b>58</b><br />
block;">Un appui financier :&nbsp;</span></td>
                                            <td valign="top" style="text-align:left"><textarea name="article2" rows="10" cols="40" id="adres" style="display:<br />
<b>Notice</b>:  Undefined index:  button1 in <b>/Applications/MAMP/htdocs/admin/dispositiforiginal/index.php</b> on line <b>59</b><br />
block;"></textarea></td>
                                        </tr>
                                        <tr>
                                            <td colspan="2" style="text-align:right">
                                                <input type="submit" value="Ajouter" />
                                            </td>
                                        </tr>
                                    </table>
                                </form>

le code js

Code:

1
2
3
4
5
6
 
 <input type="radio" name="rubrique" value="dispositiforiginal" checked onclick="document.getElementById('adres').style.display='block';document.getElementById('label_adres').style.display='block';document.getElementById('dispoori').style.display='block';   document.getElementById('dispoparte').style.display='none'; document.getElementById('accompagnement').style.display='none';" />Dispositif original<br />
 
<input type="radio" name="rubrique" value="dispositifpartenarial" onclick="document.getElementById('adres').style.display='none';document.getElementById('label_adres').style.display='none'; document.getElementById('dispoori').style.display='none';document.getElementById('dispoparte').style.display='block';document.getElementById('accompagnement').style.display='none';" />Dispositif partenarial<br />
 
<input type="radio" name="rubrique" value="accompagnement"  onclick="document.getElementById('adres').style.display='none';document.getElementById('label_adres').style.display='none';document.getElementById('dispoori').style.display='none';document.getElementById('dispoparte').style.display='none';document.getElementById('accompagnement').style.display='block';" />Accompagnement

franchement je comprend plus rien, j'ai essayer de comprendre pourquoi ca ne fonctionne pas, en vain.