affichage d'aprés la selection d'un bouton radio

**Amel_B** · 28/01/2009, 13h33

bjr
J'ai3 boutons radio

je veux quand je clique sur le 1er il m'affiche le mot 'admin'
" " " 2eme " le mot 'prof'
et quand je clique sur le 3eme il affiche le mot 'etud'
voila le code mais ça na pas marché ou est l'erreur svp

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
47
48
49
50
51
52
53
54
 
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
     <script language="JavaScript">
<!--
function verif()
{
for (counter = 0; counter < form1.r1.length; counter++)
{
if (form1.r1[counter].checked)
//break;
var choice=document.form1.r1.value;
}
if (choice=='admin')
{
alert('admin');
}
else if (choice=='prof')
{
alert('prof');
}
else  if (choice=='etud')
{
alert('etud');
}
return;
}
-->
  </script>
<style type="text/css">
<!--
body {
	background-color: #004080;
}
-->
</style></head>
 
<body> <br>
<form action="" method="post" name="form1" id="form1">
  <p>
    <input type="radio" name="r1" value="admin" onSelect="verif()">
admin  </p>
  <p>
    <input type="radio" name="r1" value="prof" onSelect="verif()">
prof  </p>
  <p>
    <input type="radio" name="r1" value="etud" onSelect="verif()"> 
    etud
  </p>
</form>

**Bovino** · 28/01/2009, 13h35

Code :

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

var choice=document.form1.r1[counter].value;

**Bovino** · 28/01/2009, 13h40

Après lecture complète du code...
onselect ne s'applique pas à un radio.
Puis tu peux facilement épurer ton code :

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
     <script language="JavaScript">
<!--
function verif(choice)
{
alert(choice);
return;
}
-->
  </script>
<style type="text/css">
<!--
body {
	background-color: #004080;
}
-->
</style></head>
 
<body> <br>
<form action="" method="post" name="form1" id="form1">
  <p>
    <input type="radio" name="r1" value="admin" onclick="verif(this.value)">
admin  </p>
  <p>
    <input type="radio" name="r1" value="prof" onclick="verif(this.value)">
prof  </p>
  <p>
    <input type="radio" name="r1" value="etud" onclick="verif(this.value)"> 
    etud
  </p>
</form>

**Amel_B** · 28/01/2009, 13h40

merci de m'avoir répondre
je vais voir ce ke vous avez envoyé

**Amel_B** · 28/01/2009, 14h02

merci , le code ke vous avez envoyé marche bien,
mon but c'était comme suit
j'ai une page d'authentification, je veux que
quand je coche le radio nomé admine dans la meme page affiche un mask de saisi de l'administrateur
et ainsi quand je coche le bouton nomé prof ça m'affiche un autre mask de saisi celui des profs et ainsi pour les étudiants.

comment pourraije faire cette fonction d'affichage de n'importe quel mask
donc
voila ce ke j'ai ecris a la place de (alert(choice))

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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
     <script language="JavaScript">
<!--
function affiche(choice)
{
<form action="user.php" method="post" name="form2" id="form2" src="..inscription/mohamed/bouton.gif">
  <p>&nbsp;</p>
  <table width="377" height="201" border="0" align="center" background="moha/bouton1.gif" bgcolor="#FFFFFF">
    <tr> 
      <td width="212" height="59" > 
        <div align="right"> 
          <p>&nbsp;</p>
        </div></td>
      <td width="155" >&nbsp;</td>
    </tr>
    <tr>
      <td height="38" ><div align="right"><strong>
          <input name="user_text" type="text" id="user_text">
      </strong></div></td>
      <td ><div align="right"><strong>اسم المستخدم </strong></div></td>
    </tr>
    <tr>
      <td height="30" ><div align="right"><strong>
          <input name="mopass_text" type="password" id="mopass_text">
      </strong> </div></td>
      <td ><div align="right"><strong>كلمة المرور </strong></div></td>
    </tr>
    <tr>
      <td height="27" >
      <div align="right">        </div></td>
      <td >&nbsp;</td>
    </tr>
    <tr>
      <td height="35" ><div align="right">
        <input type="reset" name="Submit2" value="مسح">
        <input type="submit" name="Accee" value="دخول" >
      </div></td>
      <td >&nbsp;      </td>
    </tr>
  </table>
</form>
//alert(choice);
return;
}
-->
  </script>
<style type="text/css">
<!--
body {
	background-color: #004080;
}
-->
</style></head>
 
<body> <br>
<form action="" method="post" name="form1" id="form1">
  <p>
    <input type="radio" name="r1" value="admin" onclick="affiche()">
admin  </p>
  <p>
    <input type="radio" name="r1" value="prof" onclick="affiche()">
prof  </p>
  <p>
    <input type="radio" name="r1" value="etud" onclick="affiche()"> 
    etud
  </p>
</form>__________________

mais ça marche pas

affichage d'aprés la selection d'un bouton radio

JavaScript

Discussions similaires

Partager

Partager