Select autorafraichissant.

**Death83** · 21/08/2005, 11h12

Salut a tous,

je pense que mon titre n'est pas tres approprié mais bon je vais essayer d'expliquer au mieu ce que je souhaite faire. En fait pour ma page d'administration de mon site je souhaite faire un menu déroulant (type select) qui montre tout les membres du site et je voudais par exemple récupérer si la perssone a le droit de poster une nexs ou pas et de mettre l'état sur des boutons radio.

Par exemple si je sélectionne l'utilisateur toto (qui a les droit de poster) je voudrais qu'instantannément le bouton radio oui se ciche. Et ainsi je pourais voir l'état de chaque membre et mettre non pour annuler leur droit.

Voila, J'ai donc 2 probleme, comment faire rafraichir la page des que le membre est sélectionné (sans cliquer sur OK) et ensuite comment donné une valeur par défaut au bouon radio selon le résultat que je vais obtenir?

**KiLVaiDeN** · 21/08/2005, 11h17

Réponses à tes deux questions :

Il y a un évènement Javascript pour l'élément SELECT qui s'appelle onChange, et qui correspond parfaitement à ce que tu veux :

Code :

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

1
2
 
   <SELECT name="utilisateurs" onChange="this.form.submit();">

Ensuite, pour mettre un radio button selectionné par défaut, il faut lui donner l'attribut checked :

Code :

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

1
2
 
   <INPUT type="radio" name="admin" value="admin" checked>

**Death83** · 21/08/2005, 11h28

POur la partie javascript il faut définir quelque chose avant?

(j'y connais vraiment rien en javascript)

**KiLVaiDeN** · 21/08/2005, 11h32

non c'est juste l'appel d'une méthode existante ( form.submit() existe à partir du moment où tu as un form ) dans un évènement Javascript existant, donc rien de plus à déclarer.

Par contre au niveau du fonctionnement de ton code, il faudra que tu fasses quelques aménagement, notamment le fait que maintenant, tu peux valider ton formulaire avec uniquement le nom d'utilisateur séléctionné et rien d'autre.

**Death83** · 21/08/2005, 11h34

merci, le reste je devrais pouvoir me débrouiller avec le php

.

**Death83** · 21/08/2005, 11h43

Le javascript n'a pas l'air de marcher :/. Il ne se passe rien quend je change de selection. Est tu sur qu'il ne faut pas définir dans le header ou un truc comme ca que l'on utilise du javascript dans la page?

**KiLVaiDeN** · 21/08/2005, 12h10

Non ça marche, je l'ai fait pour pleins de sites.

Tu utilises quel navigateur ? En général, quand il y a une erreur javascript, tu peux la voir dans la console javascript. A mon avis il y a une erreur qui empêche la validation.

**Death83** · 21/08/2005, 12h49

J'ai essayé avec FF et IE

**Death83** · 21/08/2005, 13h11

voila mon code (ca ne marche toujours pas).

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
<div align="left"><span style="margin-left:30px; color:#000000; font-weight: bold;"><label for="name"> Selectionnez un membres: <SELECT name="membres";onChange="this.form.submit();" class="select1"">';
											for($i=0;$i<$nbmembres;$i++)
											{	
												echo '<option>'.$membres[$i].'</option>';
											}
						 		 echo' </select></label></span>
 
									</div>
 
 
									';
 
									if(isset($_POST['membres']))
									{
										echo'<div align="left"><span style="margin-left:30px; color:#000000; font-weight: bold;"><label for="name">Peut poster une news:<input type="radio" value="oui" name="postnews"> oui &nbsp;<input type="radio" value="non" name="postnews"> non</label></span>
 
 
 
       									</div>';
									}

Logiquement si ca marchait ce qu'il y a dans la conditions if s'afficherais et la ce n'est pas le cas.

**KiLVaiDeN** · 21/08/2005, 13h24

Tu as une balise <form> quelque part ?
Peux-tu mettre tout le code compris entre tes balises <form> et </form> ?

Car si tu n'en as pas ça ne marchera pas.
Il faut que tes éléments de formulaire soient dans un formulaire, sinon tu ne récupéreras pas les valeurs dans ton script PHP ( ou autre ).

**Death83** · 21/08/2005, 13h27

si il ya les balise forms au dessus et endessous. C'est un grand formulaire avec plusieur form. Ca marche quand je fais avec un bouton submit. Mais ca marche pas quand je selectionne manuellement un utilisateur.

(ahh j'aime pas le javascript ca m'enerve lol).

**KiLVaiDeN** · 21/08/2005, 13h37

Tu peux mettre la ligne complète de l'echo que tu fais, qui contient le SELECT ?
J'ai l'impression qu'il y a un problème au niveau des caractères d'échappement et autres points virgules en trop.

**Death83** · 21/08/2005, 13h50

je vais mettre tout mon formulaire sinon tu av rien comprendre.

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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
 
echo '<div style="width:90%;height:25em; margin:auto;  ">
							<form action="" name="inscription" method="post">
							<fieldset class="fieldset1 ">
								<legend >Gestion de l\'administration:</legend>
								<div align="center" class="div2">
 
									<div align="left"><span style="margin-left:30px; color:#000000; font-weight: bold;"><label for="name"><input type="radio" value="newadmin" name="admin"> Ajouter </label></span>
										<select name="utilisateur1" class="select1">
											';
											for($i=0;$i<$nbutil;$i++)
											{	
												echo '<option>'.$util[$i].'</option>';
											}
						 		 echo' </select>
										<span style="margin-left:10px; margin-right: 10px; color:#000000; font-weight: bold;">comme administrateur</span>
 
       								</div>
 
									<div align="left"><span style="margin-left:30px; color:#000000; font-weight: bold;"><label for="name"><input type="radio" value="eraseadmin" name="admin"> Suprimer </label></span>
										<select name="utilisateur2" class="select1">
											';
											for($i=0;$i<$nbadmin;$i++)
											{	
												echo '<option>'.$admin[$i].'</option>';
											}
						 		 echo' </select>
										<span style="margin-left:10px; margin-right: 22px; color:#000000; font-weight: bold;">des administrateurs</span>
 
       								</div>
 
 
									</fieldset>
									<div align="center">
										<BUTTON type="submit" class="button"><IMG src="../imagesite/boutonvalider.jpg"></BUTTON>
										<br>
									</div>
									<br>
 
							<fieldset class="fieldset1 ">
								<legend >Gestion des membres:</legend>
									<div align="center" class="div2">
 
									<div align="left"><span style="margin-left:30px; color:#000000; font-weight: bold;"><label for="name"><input type="radio" value="newmember" name="member"> Ajouter </label></span>
										<select name="utilisateur3" class="select1">
											';
											for($i=0;$i<$nbutil;$i++)
											{	
												echo '<option>'.$util[$i].'</option>';
											}
						 		 echo' </select>
										<span style="margin-left:10px; margin-right: 10px; color:#000000; font-weight: bold;">comme membres de Manganimes</span>
 
       								</div>
 
									<div align="left"><span style="margin-left:30px; color:#000000; font-weight: bold;"><label for="name"><input type="radio" value="inactivemember" name="member"> Rendre </label></span>
										<select name="utilisateur4" class="select1">
											';
											for($i=0;$i<$nbmembres;$i++)
											{	
												echo '<option>'.$membres[$i].'</option>';
											}
						 		 echo' </select>
										<span style="margin-left:10px; margin-right: 10px; color:#000000; font-weight: bold;">inactif</span>
 
       								</div>
 
									<div align="left"><span style="margin-left:30px; color:#000000; font-weight: bold;"><label for="name"><input type="radio" value="deletemember" name="member"> Suprimer </label></span>
										<select name="utilisateur5" class="select1">
											';
											for($i=0;$i<$nbmembres;$i++)
											{	
												echo '<option>'.$membres[$i].'</option>';
											}
						 		 echo' </select>
										<span style="margin-left:10px; margin-right: 10px; color:#000000; font-weight: bold;">des membres de Manganimes</span>
 
       								</div>
 
 
							</fieldset>
							<div align="center">
										<BUTTON type="submit" class="button"><IMG src="../imagesite/boutonvalider.jpg"></BUTTON>
										<br>
									</div>
					<br>
 
 
					<fieldset class="fieldset1 ">
								<legend >Gestion des droits des membres:</legend>
									<div align="center" class="div2">
 
									<div align="left"><span style="margin-left:30px; color:#000000; font-weight: bold;"><label for="name"> Selectionnez un membres: <SELECT name="membres" onChange="this.form.submit();" >';
											for($i=0;$i<$nbmembres;$i++)
											{	
												echo '<option>'.$membres[$i].'</option>';
											}
						 		 echo' </select></label></span>
 
									</div>
 
 
									';
 
									if(isset($_POST['membres']))
									{
										$membrepo=$_POST['membres'];
										//Récupération des information concernant le membres
										$sql="SELECT * FROM admin WHERE nom='".$membrepo."'";
										$requette=mysql_query($sql,$c);
										$result=mysql_fetch_array($requette);
										$postnews=$result['postnews'];
										echo'<div align="left"><span style="margin-left:30px; color:#000000; font-weight: bold;"><label for="name">Peut poster une news:<input type="radio" value="oui" name="postnews" '; if($postnews==1){echo 'checked';} echo'> oui &nbsp;<input type="radio" value="non" name="postnews" '; if($postnews==0){echo 'checked';} echo'> non</label></span>
 
 
 
       									</div>';
									}
 
 
 
								echo'
							</fieldset>
							<div align="center">
										<BUTTON type="submit" class="button"><IMG src="../imagesite/boutonvalider.jpg"></BUTTON>
										<br>
									</div>
 
 
 
						</form>
						</div>';

**KiLVaiDeN** · 21/08/2005, 13h52

Ton premier echo, remplace le par :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
echo '<div style="width:90%;height:25em; margin:auto;  ">
                     <form action="" name="inscription" method="post">
                     <fieldset class="fieldset1 ">
                        <legend >Gestion de l\'administration:</legend>
                        <div align="center" class="div2">
 
                           <div align="left"><span style="margin-left:30px; color:#000000; font-weight: bold;"><label for="name"><input type="radio" value="newadmin" name="admin"> Ajouter </label></span>
                              <select name="utilisateur1" class="select1" onChange="this.form.submit();">
                                 ';

Ca devrait être ok

**Death83** · 21/08/2005, 13h55

oui je viens de voir que j'avais mis un ; en trop

merci.

Par contre sais tu comment mettre une valeur par défaut au type select?

En fait je voudaris que lorsque je selectionne un utilisateur et que la page se rafraichi que se soit cette utilisateur qui apparaisse dans se type select?

**KiLVaiDeN** · 21/08/2005, 14h10

Oui, je vois quelques soucis dans ton code :

Code :

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

1
2
3
4
5
 
             for($i=0;$i<$nbmembres;$i++)
             {   
                echo '<option>'.$membres[$i].'</option>';
             }

A cet endroit, pour selectionner une option en particulier, il faut lui passer l'attribut selected pour que ça donne ça en HTML :

Code :

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

1
2
3
 
<option value="11">Titi</option>
<option value="12" selected>Toto</option>

Le problème de ton code, est que chaque option doit avoir un attribut "value" représentant la valeur à passer lorsque le formulaire sera validé. Dans ton cas, la value pourrait contenir le id du membre, pour que tu puisses le retrouver après sur la page de résultat.

Dans l'exemple que je donne, ces id sont 11 pour titi, et 12 pour toto, ça te permet après dans ta page résultante, de faire un traitement en fonction de cet id.

Select autorafraichissant.

HTML

Vue hybride

Discussions similaires

Partager

Partager