2 boutons radio fonctionnent en alternance

Version imprimable

bonjour,
j'ai 2 bouton radio
1/

Code:

<input type="radio" name="compte" id="compte" value="0" checked="checked" onclick="affich_form_compte()" />

2/

Code:

<input type="radio" name="compte" id="inscrip" value="1" onclick="affich_form_inscrit()" />

et j'ai c 2 paragraphes:
a/

Code:

<fieldset id="mon_paragraphe" p style="display: none" class="Style_form" >

b/

Code:

<fieldset id="mon_paragraphe1">

je veux lorsque je selectionne 1/ le paragraphe b/ s'affiche et paragraphe a disparait
je veux lorsque je selectionne 2/ le paragraphe a/ s'affiche et paragraphe b disparait
donc les codes de affich_form_compte() et affich_form_inscrit()
j'ai essayé ca
Code:

1 2 3 4 5 6 7 8 9 10 11 function affich_form_compte(frm) { document.getElementById('mon_texte').focus(); document.getElementById('mon_paragraphe1').style.display=''; document.getElementById('mon_paragraphe').style.display='none'; } function affich_form_inscrit() { document.getElementById('mon_paragraphe').style.display=''; document.getElementById('mon_paragraphe1').style.display='none'; }

06/04/2009, 16h37
SpaceFrog

il faut initialiser le display dans les balises
06/04/2009, 16h41
hraiwen

svp, j comprend pas
06/04/2009, 16h53
SpaceFrog

je ne vois de style display que dans le premier paragraphe ...
06/04/2009, 17h02
hraiwen

j' ai essayé mai ca na pas marché
en plus j'ai misstyle display ds le premier parag puisque je veux que cette parag est par defaut n'est pas visible

voici pour la partie afficher / masquer ...

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
<script type='text/javascript'>
function affich_form_compte()
{
//document.getElementById('mon_texte').focus();
document.getElementById('mon_paragraphe1').style.display='block';
document.getElementById('mon_paragraphe').style.display='none';
}
 
function affich_form_inscrit()
{
document.getElementById('mon_paragraphe').style.display='block';
document.getElementById('mon_paragraphe1').style.display='none';
}
</script>
</head>
 
<body>
 
<p>
<input type="radio" name="compte" id="compte" value="0" checked="checked" onclick="affich_form_compte()" />
<input type="radio" name="compte" id="inscrip" value="1" onclick="affich_form_inscrit()" />
 <fieldset id="mon_paragraphe"  style="display: none"  class="Style_form" > ljkhlkjh
 </fieldset>
 <fieldset id="mon_paragraphe1" style="display: block"  class="Style_form">
 dsqfqsdfdsf
 </fieldset>
</body>

06/04/2009, 17h22
hraiwen

ca na pas marché encore
06/04/2009, 17h24
Bovino

Code:

<fieldset id="mon_paragraphe" p style="display: none" class="Style_form" >

Il y a un problème de syntaxe là...
De plus, une balise fieldset n'est pas censée contenir de balise p.
06/04/2009, 17h26
SpaceFrog

as tu testé mon code ????

testé et approuvé sous IE et FFX ...
06/04/2009, 17h30
hraiwen

j'ai testé ton code mais ca na pas marché
en plus lorsque je clique sur le bouton 2 ca marche
le bton 1marche pas
06/04/2009, 17h31
SpaceFrog

tu as copié telquel mon code ???
06/04/2009, 17h33
hraiwen

oui pquoi
06/04/2009, 17h38
hraiwen

svp
yatil un exemple comme mon cas pour maider
06/04/2009, 19h51
SpaceFrog

ben y'a un truc qui m'echappe...
si tu fais un copier coller de mon code ... et que ça marche pas ...

heu tu m'ouvres bien avec IE ou FFX ??
javascript est activé ?