affichage de donnée d'une requete

Version imprimable

Voir 40 message(s) de cette discussion en une page

ça , c'est sûr, ça fonctionne

Code:

1
2
3
4
5
6
7
8
<script type="text/javascript">
                function go() {
                var personnel = document.getElementById('personnel');
                        var matiere = document.getElementById('matiere');
                matiere.value = personnel.value;
                                                        
                        }
        </script>

Mais il faut que tu remettes

Code:

<select id='personnel' onChange="go();">

Bonjour,

je crois que camyo complique un peu les choses
pour que "ça marche" il n'y a dans le code de ludwig que 2 choses simples à faire :
1 ) donner un nom à la fonction du script et 2 ) l'appeler dans le body comme ceci :
Code:

1 2 3 4 5 6 7 8 9 10 function init() { document.getElementById('personnel').onchange = function(){ document.getElementById('matiere').value = this.value; }; } </script> </head> <body onload= init()>
ce code va marcher mais il va afficher les id de personnel dans le champs "matiere" il faut donc changer ta ligne de fabrication des options :

Code:

echo "<option value='".$row["matiere"]."'>".$row["personnel"]."</option>";

ce qui placera le contenu de la colonne "matiere' au lieu de mettre l'id de la personne selon ton code (ludwig)

Cordialement

17/02/2013, 17h25
ludwig78

@camyo
ta soluce fonctionne sauf que au lieu de m'afficher la matiere ça affiche l'id du personnel ^^
17/02/2013, 18h37
ludwig78

@semaphore1984
j'ai adapter ta ligne de code a mettre dans le select ça marche nikel mais quand je veux ajouter les autres champ a afficher ça fonctionne moins bien ^^ voila mais merci a vous deux car j'avance dans le truc ;)

car j'ai tenter ça mais il ne me retourne pas ma cate et spe

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
<html>
	<head>
 
 
	<script>
        function init()
        {
        document.getElementById('personnel').onchange = function(){
                document.getElementById('matiere').value = this.value;
                document.getElementById('categorie').value = this.value;
                document.getElementById('spe).value = this.value;
                                                        };
 
   }
        </script>
 
	</head>
	<body onload= init()>
 
		<form>
			<fieldset style="width: 1500px">
 
				<label>personnel</label>
				<select  id='personnel' onChange="go();">
					<option value='0'>Aucune</option>
					<?php
                                                mysql_connect("127.0.0.1","root","");
                                                mysql_select_db("base");
                                                $res = mysql_query("SELECT * FROM test ORDER BY personnel");
                                                        while($row = mysql_fetch_assoc($res))
                                                {
                                                        echo "<option value='".$row["matiere"]."'>".$row["personnel"]."</option>";
 
 
 
 
                                                }
 
 
                                        ?>
				</select>
	<label> cateorie </label>
				<input type="text" id="matiere" value="<?php echo('matiere'); ?>">
				<input type="text" id="categorie" value="<?php echo('categorie); ?>">
				<input type="text" id="spe" value="<?php echo('spe'); ?>">
 
 
 
 
 
 
		</form>
	</body>
</html>

merci et bonne journnée a tous :)
fin il me retourne dans toute les text box la matiere quoi ^^

Bonjour Ludwig78,

ça me paraît normal puisque la valeur que tu mets dans le "value" est uniquement :

Code:

$row["matiere"]

Tu vois bien dans le code HTML que tu n'utilise pas le contenu de $row pour d'autres colonnes que "matiere".
En plus le code de ta fonction affecte "this.value" aux trois champs, sa valeur ne va pas changer par miracle, "this.value" n'a qu'une valeur pour une option, pas trois.
Il faut bien te dire que les données qui ne sont pas dans la page ne pourront pas être récupérées par du code javascript.

Si tu ne souhaite pas faire de l'ajax, j'opterais pour la déclaration de plusieurs variables de type "Array" (une pour chaque clonne qui t'intéresse) que tu déclare dans le script initial (au dessus de la fonction init())
Ensuite, dans ta boucle php, il faut générer un bout de script javascript pour affecter chaque élément de tableau concerné.
de plus tu vas stocker dans l'attribut l'id base de données qui te servira d'index de tableau.

Enfin, tu modifie la fonction d'affectation des champs dans la fonction déclenchée par "onchange".

exemple déclaration tableau :

Code:

var tabmat = new Array(), tabcat = new Array(), tabspe = new Array();

exemple d'affectation du champs categorie :
Code:

1 2 3 document.getElementById('idmatiere').value = tabmat[this.value]; document.getElementById('idcategorie').value = tabcat[this.value]; document.getElementById('idspe').value = tabspe[this.value];
je fais exprès de mettre "idcategorie" pour bien montrer que ça n'est pas lié au nom réel de la colonne : ici on est dans le monde html/javascript, PAS PHP !

Enfin le code das la boucle PHP :
Code:

1 2 3 4 5 6 7 8 9 while($row = $res->fetch_assoc()) { echo "<option value='".$row["id"]. "'>".$row["personnel"]."</option>"; echo '<script type="text/javascript">'; echo "tabmat[". $row["id"] . "]= '" . $row["matiere"] . "';"; echo "tabcat[". $row["id"] . "]= '" . $row["categorie"] . "';"; echo "tabspe[". $row["id"] . "]= '" . $row["spe"] . "';"; echo "</script>\n"; }
Surtout, retiens bien ceci :
Le code PHP s'exécute sur le serveur AVANT de créer la page, un fois la page dans le navigateur, seul le HTML et le javascript sont exécutés, pas le PHP !

Cordialement

Salut semaphore1984

tout d'abord merci de prendre de ton temps pour moi . pour faire dans l'ordre ,
oui je sais que si je faisait appel que a

Code:

$row["matiere"]

, je n'allait que avoir la matiere , pour essayer j'avais mit a coter pour la categorie mais tous s'afficher dans la même case et ce n'etait pas le but rechercher.

et puis pour le this oui sur le coup quand j'ai mit le code ce matin j'ai pas fait attention mais j'avais essayer de séparer la function en plusieur fois comme ceci

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
<script>
	function init()
	{
       	document.getElementById('personnel').onchange = function(){
   		document.getElementById('categorie').value = this.value; 
 
 
 
							};
document.getElementById('personnel').onchange = function(){
   		document.getElementById('matiere').value = this.value; 
 
 
 
							};
document.getElementById('personnel').onchange = function(){
   		document.getElementById('spe').value = this.value; 
 
 
 
							};
 
 
 
   }
	</script>

mais cela ne fonctionnait pas ^^

la dans ton début de soluce tu me parles de faire un tableau mais je veux juste afficher les champs dans des text box en fonction de la ville choisie , je me suis sentis un peu perdu regardant ce que tu me proposait .
j'ai fait un début sans résultat probable

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
<html>
	<head>
 
 
	<script>
	function{
	var tabmat = new Array(), tabcat = new Array(), tabspe = new Array();}
	function init()
	{
       	document.getElementById('personnel').onchange = function(){
   		document.getElementById('idmatiere').value = tabmat[this.value];
    		document.getElementById('idcategorie').value = tabcat[this.value];
    		document.getElementById('idspe').value = tabspe[this.value];
							};
 
   }
	</script>
 
	</head>
	<body onload= init()>
 
		<form>
			<fieldset style="width: 1500px">
 
				<label>personnel</label>
				<select  id='personnel' onChange="go();">
					<option value='0'>Aucune</option>
					<?php
						mysql_connect("127.0.0.1","root","");
						mysql_select_db("base");
						$res = mysql_query("SELECT * FROM test ORDER BY personnel");
							while($row = $res->fetch_assoc())
						{
						    echo "<option value='".$row["id"]. "'>".$row["personnel"]."</option>";
	                        			echo '<script type="text/javascript">';
						    echo "tabmat[". $row["id"] . "]= '" . $row["matiere"] . "';";
						    echo "tabcat[". $row["id"] . "]= '" . $row["categorie"] . "';";
						    echo "tabspe[". $row["id"] . "]= '" . $row["spe"] . "';";
						    echo "</script>\n";
						}
 
					?>
				</select>
	<label> cateorie </label>
				<input type="text" id="matiere" value="<?php echo('matiere'); ?>">
				<input type="text" id="categorie" value="<?php echo('categorie); ?>">
				<input type="text" id="spe" value="<?php echo('spe'); ?>">
 
 
 
 
 
 
		</form>
	</body>
</html>

mais moi j'aimais bien ta premiére méthode :D

et encore merci de consacré un peu de temps :mrgreen:

Bonjour,

1 ) séparer le onchange en 3 morceaux est faux : le onchange est sur le select entier par sur chaque option. C'est pour ça que je te dis de mettre l' row['Id'] dans la valeur "value" du select puisque ça va servir d'index pour tous les tableaux contenant les valeurs des colonnes à afficher.

2) comme j'avais changé l'id des champs textes en mettant "id" devant, il faut bien sûr utiliser ces id pour la déclaration des input comme ceci :
Code:

1 2 3 <input type="text" id="idmatiere" value="<?php echo('matiere'); ?>"> <input type="text" id="idcategorie" value="<?php echo('categorie'); ?>"> <input type="text" id="idspe" value="<?php echo('spe'); ?>">
Après vérifie les variables et nom des colonnes que je te donne : ceux que je te passe en exemple sont ceux que j'ai fait sur ma machine mais ce n'est pas forcément tes valeurs exactement

Tu y es presque, donc ça va marcher.

En plus, cette solution est basée sur le même principe que mon premier code, c'est juste que je l'ai étendu pour qu'il marche avec plusieurs colonnes.

Cordialement

18/02/2013, 19h52
ludwig78

salut,

oui j’espère en finir avec :) , mais j'ai remarquer une petite chose car si je prend ton while comme dans ton exemple

Code:

while($row = $res->fetch_assoc())

et bien il ne me reste que la liste déroulante mais avec aucune information
mais si je garde celui que j'ai depuis le début

Code:

while($row = mysql_fetch_assoc($res))

il m'affiche ma liste déroulante impec mais pas le reste .
bonne soirée
18/02/2013, 23h02
semaphore1984

Bonjour,

ce n'est pas la manière d'interroger la bdd qui compte
C'est normal que mon code de while ne marche pas avec le tiens, je n'utilise pas la même méthode que toi pour la connexion.
Toi tu utilise la version non objet mysql_connect(), mysql_querry alors que j'utilise (version de php oblige) l'objet mysqli. donc c'est normal que ça ne marche pas pour toi.
donc toi tu peux garder ton

Code:

while($row = mysql_fetch_assoc($res))

Par contre, je sais pas ce que tu mets dans ton code, mais ce que je te donne marche chez moi.
Donc je t'en prie, ne recopie pas aveuglement ce que je te donne mais adapte le à ton environnement et ça DOIT marcher !
ou c'est le nom des colonnes, ou c'est les id de champ, mais vérifie tout.
Surtout, ne crois pas que c'est parce que tu appelle un input "categorie" que _ça va le relier automatiquement à la colonne de la base de données "categorie".

Allez, applique toi et ça va fonctionner !

Cordialement
19/02/2013, 10h42
ludwig78

oui j'ai bien vérifié si le nom de mes champs etaient bien écris dans le code par rapport a ce qu'il y a dans ma table , et pour l'instant je ne voie pas d'érreur je sais que par moment on passe toujours a coté d'un petit truc qui change tout .
pour info ma table est constituer de cette façon :

id , personnel , matiere , categorie , spe ;

voila voila bonne journée et merci
19/02/2013, 10h57
semaphore1984

Bonjour,

peux tu envoyer ta page php complète dernière mouture, je veux bien te chercher l'erreur.
Cordialement

salut,

alors voici ma derniére mouture

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
<html>
	<head>
 
 
	<script>
	function{
	var tabmat = new Array(), tabcat = new Array(), tabspe = new Array();};
	function init()
	{
       	document.getElementById('personnel').onchange = function(){
   		document.getElementById('idmatiere').value = tabmat[this.value];
    		document.getElementById('idcategorie').value = tabcat[this.value];
    		document.getElementById('idspe').value = tabspe[this.value];
							};
 
  	 }
	</script>
 
	</head>
	<body onload = init()>
 
		<form>
			<fieldset style="width: 1500px">
 
				<label>personnel</label>
				<select  id='personnel' onChange="go();">
					<option value='0'>Aucune</option>
					<?php
						mysql_connect("127.0.0.1","root","coquelicot");
						mysql_select_db("benjamin");
						$res = mysql_query("SELECT * FROM test ORDER BY personnel");
							while($row = mysql_fetch_assoc($res))
						{
						    echo "<option value='".$row["id"]. "'>".$row["personnel"]."</option>";
	                        			echo '<script type="text/javascript">';
						    echo "tabmat[". $row["id"] . "] '" . $row["matiere"] . "';";
						    echo "tabcat[". $row["id"] . "] '" . $row["categorie"] . "';";
						    echo "tabspe[". $row["id"] . "] '" . $row["spe"] . "';";
						    echo "</script>\n";
						}
 
					?>
				</select>
	<label> matiere </label>
				<input type="text" id="idmatiere" value="<?php echo('matiere'); ?>">
	<label> categorie</label>
				<input type="text" id="idcategorie" value="<?php echo('categorie'); ?>">
	<label> spe </label>
				<input type="text" id="idspe" value="<?php echo('spe'); ?>">
 
 
 
 
 
 
		</form>
	</body>
</html>

merci à toi c'est sympa , et vu que je suis un peu nouveau sur ce forum est ce que il y a un moyen de mettre genre un pouce vert à la personne qui a bien aider à la résolution du probléme .
bonne journée et merci

Bonjour Ludwig78,

Bon, il va falloir apprendre à être attenif, tu as 3 erreurs dans ton code :

1ere erreur :
Il ne faut pas encapsuler la déclaration des tableaux dans une fonction anonyme.
Il faut écrire le head comme ceci :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <head> <script> var tabmat = new Array(), tabcat = new Array(), tabspe = new Array(); function init() { document.getElementById('personnel').onchange = function(){ document.getElementById('idmatiere').value = tabmat[this.value]; document.getElementById('idcategorie').value = tabcat[this.value]; document.getElementById('idspe').value = tabspe[this.value]; }; } </script>
2ieme erreur :
puisque dans la fonction init, ondéfini la fonction en cas d'event "onchange", il ne faut pas redéfinir un onchange daans l'option, surtout que ta fonction "go" n'existe pas
Il faut écrire le select de cette façon (sans mettre de onchange) :

Code:

<select id='personnel'>

3ieme (et dernière erreur)
Tu a oublié le signe = lors de l'ecriture des affectations de valeur au tableau
du coup tes valeurs ne pouvaient pas être renseignées renseignées.
Code:

1 2 3 4 5 echo '<script type="text/javascript">'; echo "tabmat[". $row["id"] . "]= '" . $row["matiere"] . "';"; echo "tabcat[". $row["id"] . "]= '" . $row["categorie"] . "';"; echo "tabspe[". $row["id"] . "]= '" . $row["spe"] . "';"; echo "</script>\n";
Un dernier conseil, ne met pas juste <script>, préfère la balise :

Code:

<script type="text/javascript">

même si ça marche sans.

J'ai pris ton code, j'ai fait ces 3 modifs + j'ai mis mon accès a la bdd, et ça marche.Donc à toi de jouer.

A ta question, oui tu peut indiquer un pouce vert avec le petit icone de pouce levé en bas d'ne réponse.
Si c'est ok, n'oublie pas d'indiquer aussi que c'est résolu

cordialement

19/02/2013, 14h04
ludwig78

merci ça fonctionne ;) c'est sympa d'avoir regarder et il y a une différence entre le

Code:

<script>

comme et ça et celui que tu m'indique d'utiliser , il y a mois de risque d'erreur ?

en tout cas merci bonne journée

merci pour ton aide , j'ai juste un probléme , suite à la réussite du systéme j'ai importer tout mon personnel mais sur certain j'ai un soucis il me met inconnu dans les text box alors qu'il est bien renseigner dans ma table je vais retenter un import pour essayer , mais merci quand même
19/02/2013, 14h25
semaphore1984

RE bonjour,

content que ça marche.

Pour le script, oui il y a une différence :
Si tu ne précise pas le langage de script, c'est au navigateur de deviner ce que c'est.
Même si le javascript est le plus employé, tu peux tomber sur une config et une version de certains navigateur plus exotiques que FF ou IE qui pourraient ne pas deviner correctement.
Donc ça ne coûte rien de préciser le langage de script et c'est plus "propre"

Bon courage
19/02/2013, 14h27
Bovino

Ca dépend. En HTML5, l'attribut type est facultatif et correspond par défaut à text/javascript.
19/02/2013, 14h37
ludwig78

j'ai trouver la cause de mon probléme qui affiche inconnu c'est a cause de " ' " il faut mettre " ’ " a la place ^^ merci et bonne journée

Voir 40 message(s) de cette discussion en une page