2 boutons radio fonctionnent en alternance

**hraiwen** · 06/04/2009, 16h22

bonjour,
j'ai 2 bouton radio
1/

Code :

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

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

2/

Code :

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

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

et j'ai c 2 paragraphes:
a/

Code :

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

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

b/

Code :

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

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

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

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';
}

**SpaceFrog** · 06/04/2009, 16h37

il faut initialiser le display dans les balises

**hraiwen** · 06/04/2009, 16h41

svp, j comprend pas

**SpaceFrog** · 06/04/2009, 16h53

je ne vois de style display que dans le premier paragraphe ...

**hraiwen** · 06/04/2009, 17h02

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

**SpaceFrog** · 06/04/2009, 17h08

voici pour la partie afficher / masquer ...

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

**hraiwen** · 06/04/2009, 17h22

ca na pas marché encore

**Bovino** · 06/04/2009, 17h24

Code :

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

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

**SpaceFrog** · 06/04/2009, 17h26

as tu testé mon code ????

testé et approuvé sous IE et FFX ...

**hraiwen** · 06/04/2009, 17h30

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

**SpaceFrog** · 06/04/2009, 17h31

tu as copié telquel mon code ???

**hraiwen** · 06/04/2009, 17h33

oui pquoi

**hraiwen** · 06/04/2009, 17h38

svp
yatil un exemple comme mon cas pour maider

**SpaceFrog** · 06/04/2009, 19h51

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

2 boutons radio fonctionnent en alternance

JavaScript

Discussions similaires

Partager

Partager