Select autorafraichissant.

Version imprimable

21/08/2005, 11h12
Death83

Select autorafraichissant.

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?
21/08/2005, 11h17
KiLVaiDeN
Réponses à tes deux questions :

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

1 2 <SELECT name="utilisateurs" onChange="this.form.submit();">
:arrow: Ensuite, pour mettre un radio button selectionné par défaut, il faut lui donner l'attribut checked :
Code:

1 2 <INPUT type="radio" name="admin" value="admin" checked>
21/08/2005, 11h28
Death83

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

(j'y connais vraiment rien en javascript)
21/08/2005, 11h32
KiLVaiDeN

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.
21/08/2005, 11h34
Death83

merci, le reste je devrais pouvoir me débrouiller avec le php ;).
21/08/2005, 11h43
Death83

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?
21/08/2005, 12h10
KiLVaiDeN

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.
21/08/2005, 12h49
Death83

J'ai essayé avec FF et IE

voila mon code (ca ne marche toujours pas).

Code:

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.

21/08/2005, 13h24
KiLVaiDeN

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 ).
21/08/2005, 13h27
Death83

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).
21/08/2005, 13h37
KiLVaiDeN

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.

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

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

Ton premier echo, remplace le par :

Code:

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

21/08/2005, 13h55
Death83

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?
21/08/2005, 14h10
KiLVaiDeN
Oui, je vois quelques soucis dans ton code :
Code:

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:

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.