Discussion :

[francois_a]

Bonjour,

Actuellement, je fais un site qui me permet de remplir une base de données MySQL. Bref, 90% de page de formulaire.

Pour modifier les informations d'un membre par exemple, je vais chercher dans ma base la liste des membres. J'affiche le tout dans un <Select> et pour obtenir les informations sur ce membre (et les modifier) je dois cliquer sur un bouton pour recharger ma page.

J'aimerai le faire dynamiquement mais çà ne fonctionne pas. En fait je n'arrive pas à voir comment renvoyer juste des tableaux de variables. Bon avec le script çà serai plus parlant mais il fait 500 lignes sans compter les annexes !

Mon JavaScript :

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
 
function getXhr(){
	var xhr = null; 
	if(window.XMLHttpRequest) // Firefox et autres
	   xhr = new XMLHttpRequest(); 
	else if(window.ActiveXObject){ // Internet Explorer 
	   try {
				xhr = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e) {
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}
	}
	else { // XMLHttpRequest non supporté par le navigateur 
	   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
	   xhr = false; 
	} 
					return xhr;
}
 
function maj(){
	var xhr = getXhr();
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200){
			ladate = xhr.responseText;
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('test').innerHTML = ladate;
		}
	}
 
	// Ici on va voir comment faire du post
	xhr.open("POST","majm.php",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	// On recupere l'ID
	memb = document.getElementById('membre');
	idmemb = memb.options[memb.selectedIndex].value;
	xhr.send("membre="+idmemb);
 
	}

Code PHP :

Code :

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

1
2
3
4
5
6
7
<?php
include "membre.php";
 
if (isset($_POST['membre'])) {
                $tableau = recup($_POST['membre']); $tableau2 = recup2($_POST['membre']); $tableauR = recupR($_POST['membre']);  modifier(); }
 
?>

HTML

Code :

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

1
2
3
4
5
6
7
<fieldset><legend>$nom</legend><table><td><label>Membre </label> : <select name='membre' id='membre' onchange='maj();
 
...
<fieldset name="test" id="test" >
<label>Nom</label><span class="c2">*</span> : <input type="text" name="nom"  value="<?php echo $tableau['Nom_Pers']; ?>"/>
 
...

Bon je suis pas sur que ce soit suffisant

Merci d'avance

[E.Bzz]

Bonjour,

J'aimerai le faire dynamiquement mais çà ne fonctionne pas. En fait je n'arrive pas à voir comment renvoyer juste des tableaux de variables.

C'est peut être parce que tu essayes de reproduire le fonctionnement d'un formulaire via Ajax ...

Or la logique de fonctionnement n'est pas la même : pour afficher les informations, je suppose que tu ne vas pas changer ce qui existe (toutes les zones devant être mises à jour, un rechargement est justifié).
Par contre, pour les mises à jour de la base, il n'y a pas besoin d'envoyer la totalité des infos : sur chaque champ (onchange), il te suffit d'envoyer au serveur l'identifiant du membre, la référence de la rubrique ainsi que la nouvelle valeur, et de récupérer la réponse, qui sera "OK" ou "KO" (avec dans ce cas, le code+message d'erreur justifiant le KO).

La partie Ajax devient alors tout à fait "basique"

A+

[francois_a]

Si je te suis bien, Ajax "ne sert que" pour recharger des bouts de page ?

Est-il possible alors, de faire en sorte que ma page se recharge à chaque changement de mon select. En gros, je souhaite vraiment retirer se bouton de validation.

J'ai pensé à un truc dans ce genre là :

Code :

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

echo "<fieldset><legend>$nom</legend><table><td><label>Membre </label> : <select name='membre' id='membre' onchange='<?php $tableau = recup($_POST['membre']); $tableau2 = recup2($_POST['membre']); $tableauR = recupR($_POST['membre']);  modifier(); ?>' >";

ou pour plus de lisibilité comme ceci :

Code :

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

echo "<fieldset><legend>$nom</legend><table><td><label>Membre </label> : <select name='membre' id='membre' onchange=<?php test($_POST['membre']); ?> >";

le php :

Code :

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

1
2
3
4
function test($num)
{
	$tableau = recup($num); $tableau2 = recup2($num); $tableauR = recupR($num);  modifier(); 
}

Mais bien sur çà ne fonctionne pas... Si tu as une solution das ce genre, je suis preneur

[E.Bzz]

Est-il possible alors, de faire en sorte que ma page se recharge à chaque changement de mon select. En gros, je souhaite vraiment retirer se bouton de validation.

Tel que tu le demandes, il suffit de

Code :

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

<select .... onchange="self.location.reload();">

Mais je ne suis pas sûr que ça te suffise

EDIT : ou

Code :

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

<select ..... onchange="this.form.submit();">

A+

[francois_a]

Oui je pense que çà devrait être quelque chose dans ce genre.

Mon code fonctionne comme ceci :
Si la valeur dans $_Get['s']==2 alors c'est une modification
Si $_POST['OK'] existe alors récupérer les valeurs dans un tableau via des fonction PHP en utilisant la valeur de mon select comme ID

Bon je ne pense pas avoir les connaissances nécessaire en JavaScript... Je me lance quand même.

JavaScript :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function maj(idmem)
{
// J'attribue une valeur à mon $_Post['OK']
document.setElementById('OK').value = "OK";
 
// Je recupère la valeur de mon membre (valeur de la ligne de mon Select)
membre = document.getElementById('membre').value;
 
// lancer ma fonction test(membre)
// dans ce cas je mets mon code php dans une page et non une fonction
xhr.open("POST","test.php",true);
xhr.send("membre="+membre);
}

Est ce que le code te parait correct ?

[E.Bzz]

Est ce que le code te parait correct ?

Heu ... je croyais que tu étais finalement parti sur un rechargement de la page ?
Plus besoin d'Ajax ...

EDIT : correction :

Code :

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

document.getElementById('OK').value = "OK";

même pour définir un .value

A+