Pb Script enregistrement

Version imprimable

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

Bonjour à tous,

Je suis actuellement en train de développer une petite aplli PHP pour le taf et je bloque à un endroit...

J'ai l'affichage d'une fiche client avec des listes déroulantes et autres champs texte. Lorsque l'on clique sur enregistrer, ça envoie vers un programme en javascript qui lance un script PHP. Mais quand je clique, rien ne se passe !

Script du formulaire ($tab_req est la requete qui me récupère tous les champs de la BDD) :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
echo '<table id = "fiche">		<tr><th>Date Ouverture Litige</th><td>'.$tab_req['date_ouverture'].'</td></tr>
		<tr><th>Par</th><td>'.$tab_req['ouvert_par'].'</td></tr>
		<tr><th>Origine Litige</th><td>'.$tab_req['origine_litige'].'</td></tr>
		<tr><th>Prochaine Livraison</th><td>'.$tab_req['date_livraison'].'</td></tr>
		<tr><th>Statut Litige</th><td>'.$tab_req['traitement_litige'].'</td></tr>
		<tr><th>Type Litige</th><td>'.$tab_req['type_litige'].'</td></tr>
		<tr><th>Solution Litige</th><td>'.$tab_req['solution_litige'].'</td></tr>
		<tr><th>Num Client</th><td>'.$tab_req['CT_Num'].'</td></tr>
		<tr><th>Nom Pr&eacute;nom</th><td>'.$tab_req['CT_Intitule'].'</td></tr>
		<tr><th>Adresse </th><td>'.$tab_req['CT_Adresse'].'</td></tr>
		<tr><th>Complement Adresse </th><td>'.$tab_req['CT_CodeRegion'].'</td></tr>
		<tr><th>Code Postal</th><td>'.$tab_req['CT_CodePostal'].'</td></tr><tr><th>Ville</th><td>'.$tab_req['CT_Ville'].'</td></tr>
		<tr><th>Tel 1</th><td>'.$tab_req['CT_Telephone'].'</td></tr>
		<tr><th>Tel 2</th><td>'.$tab_req['CT_Telecopie'].'</td></tr>
		<tr><th colspan = "4">Commentaire Litige</th></tr>
		<tr><td colspan = "4" align ="center"><textarea name = "commentaire_litige" id = "commentaire_litige" cols = "50" rows = "3">'.$tab_req['commentaire_litige'].'</textarea></td></tr>
		<td colspan = "2" align = "center"><input type = "button" name = "enregistrer" value = "Enregistrer" onclick = "enregistrer(\''.$tab_req['CT_Num'].'\');" ></td>
</tr></table>' ;

SCRIPT JS :

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
function enregistrer(prospect)
{
 
	var traitement = document.getElementById('traitement_litige').value ;
	var origine = document.getElementById('origine_litige').value ;
	var comment = document.getElementById('commentaire_litige').value ;
	var type = document.getElementById('type_litige').value ;
	var modification= document.getElementById('date_modification').value ;
 
	var xhr;
 
if (window.XMLHttpRequest)          //  Objet de la fenÍtre courant
	{
	xhr = new XMLHttpRequest();     //  Firefox, Safari, ...
	}
else if (window.ActiveXObject)      //  Version Active
	   {
		xhr = new ActiveXObject( "Microsoft.XMLHTTP" );   // Internet Explorer
	   }
 
	xhr.onreadystatechange = function()
	{
		if( xhr.readyState == 4 && xhr.status == 200 )
		{
		  //document.getElementById( 'lst' ).innerHTML = xhr.responseText;
		}
	}
 
	xhr.open( "POST" , "ajax/enregistrer.php" , false );
	xhr.setRequestHeader( "Content-Type" , "application/x-www-form-urlencoded" );
	xhr.send("prospect=" + prospect + "&traitement_litige=" + traitement + "&origine_litige=" + origine + "&commentaire_litige=" + comment + "&type_litige=" + type + "&date_modification=" + modification );
 
 
	if (xhr.responseText == 'ok')
	{	
		alert('Fiche mise ‡ jour') ;
	}
	else
	{
		alert('ERREUR DE MISE A JOUR !!') ;
		alert('ERREUR DE MISE A JOUR !!') ;
	}
}

ET ENFIN LE SCRIPT FINAL APPELE PAR JS :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<?php
session_start() ;
 
$_POST['prospect']=$prospect;
$_POST['traitement_litige']=$traitement_litige ;
$_POST['date_modification']=$date_modification ;
$_POST['type_litige']=$type_litige ;
$_POST['commentaire_litige']=$commentaire_litige ;
$_POST['origine_litige']=$origine_litige ;
 
$connexion = mysqli_connect('localhost', 'root', 'root', 'MABASE') or die("Error " . mysqli_error($connexion));
 
 
$stmt = mysqli_prepare($connexion, "UPDATE LITIGES SET traitement_litige = ?, type_litige = ?, commentaire_litige = ?, origine_litige = ?, date_modification = ?
where CT_Num=$prospect ") or die("Error " . mysqli_error($stmt)); 
mysqli_stmt_bind_param("sssss", $traitement_litige, $type_litige, $commentaire_litige, $origine_litige, "NOW()");  
mysqli_stmt_execute();
 
 
mysqli_stmt_close($stmt);        
?>

Déja ton script d'update pourrait plus ressembler à ça ;
Code:

1 2 3 4 5 6 7 8 9 10 <?php $connexion = mysqli_connect('localhost', 'root', 'root', 'MABASE'); $stmt = mysqli_prepare($connexion, "UPDATE LITIGES SET traitement_litige = ?, type_litige = ?, commentaire_litige = ?, origine_litige = ?, date_modification = CURDATE() WHERE CT_Num= ?"); mysqli_stmt_bind_param("sssss", $_POST['traitement_litige'], $_POST['type_litige'], $_POST['commentaire_litige'], $_POST['origine_litige'], $_POST['prospect']); if (mysqli_stmt_execute()) { echo 'ok'; } ?>
- j'ai retiré le session_start puisque tu ne t'en sers pas
- j'ai retiré les récupération des variables $_POST que tu as écrites à l'envers et qui ne sont pas utiles
- j'ai mis $prospect en paramètre dans la requête
- j'ai mis la date directement dans la requête
- tu as un champ "date_modification' dont tu ne te sers pas

13/08/2013, 10h06
slimshady2878

Merci

Merci pour ta réponse et ton nettoyage Vincent.

Par contre, toujours rien qui se passe...:roll:
13/08/2013, 10h22
sabotage

Je m'en doutais un peu : puisque tu n'as aucun des messages, ni ok, ni erreur, c'est que ça coince avant.

Place quand même un

Code:

alert (xhr.responseText);

pour contrôler.

Et regarde si tu as des erreurs Javascript dans ton navigateur.
13/08/2013, 11h25
slimshady2878

En effet, j'ai 6 "document.getElementbyID(...) is NULL...
Serait-ce du fait que les variables proviennent de listes déroulantes ?

pour la value de ta liste déroulante :

Code:

1
2
var e = document.getElementById("origine_litige");
var origine = e.options[e.selectedIndex].value;

j'ai donc fait ceci :

Code:

1
2
3
4
5
6
7
8
var e = document.getElementById("traitement_litige");
var traitement = e.options[e.selectedIndex].value;
var f = document.getElementById("origine_litige");
var origine = f.options[f.selectedIndex].value;
var comment = document.getElementById('commentaire_litige').value ;
var g = document.getElementById("type_litige");
var type = g.options[g.selectedIndex].value;
var date = document.getElementById('date_modification').value ;

Mais toujours rien...
TypeError : e is null

13/08/2013, 13h25
scvo.0ne

Dans le code html de la page y a bien un id="traitement_litige" quelque part ?
13/08/2013, 13h49
slimshady2878

Tout est OK, mais j'obtiens 'erreur de mise a jour!!'
13/08/2013, 20h47
sabotage

Que te renvois le alert() de contrôle que je t'ai fais mettre ?
14/08/2013, 08h05
slimshady2878

J'ai une fenetre vide qui s'ouvre une fois que j'ai cliqué sur "enregistrer".

Bonjour,
merci de remontrer les codes (corrigés).

Dans le "Script du formulaire", on ne voit que :

Code:

<textarea name = "commentaire_litige" id = "commentaire_litige" ...

Or en JS :
Code:

1 2 3 4 5 var traitement = document.getElementById('traitement_litige').value ; var origine = document.getElementById('origine_litige').value ; var comment = document.getElementById('commentaire_litige').value ; var type = document.getElementById('type_litige').value ; var modification= document.getElementById('date_modification').value ;
Où sont les <input> ou <select> avec les id 'traitement_litige', 'origine_litige', 'type_litige', 'date_modification' ?

Codes corrigés

Fiche.php

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
if(($_SESSION['pseudo']=='test') && ($_SESSION['pass']=='test' ))
{
	echo '<table id = "fiche">
		<tr><th>Date Ouverture Litige</th><td id="date_ouverture">'.$tab_req['date_ouverture'].'</td></tr>
		<input type="hidden" name="date_modification" id="date_modification" value="date_modification">
		<tr><th>Par</th><td id="ouvert_par">'.$tab_req['ouvert_par'].'</td></tr>
		<tr><th>Origine Litige</th>'.$lst_cod3.'</tr>
		<tr><th>Prochaine Livraison</th><td id="date_livraison">'.$tab_req['date_livraison'].'</td></tr>
		<tr><th>Statut Litige</th>'.$lst_cod.'</tr>
		<tr><th>Type Litige</th>'.$lst_cod2.'</tr>
		<tr><th>Solution Litige</th><td><input type="text" id="solution_litige" ></td></tr>
		<tr><th>Num Client</th><td id="prospect">'.$tab_req['CT_Num'].'</td></tr>
		<tr><th>Nom Pr&eacute;nom</th><td>'.$tab_req['CT_Intitule'].'</td></tr>
		<tr><th>Adresse </th><td>'.$tab_req['CT_Adresse'].'</td></tr>
		<tr><th>Complement Adresse </th><td>'.$tab_req['CT_CodeRegion'].'</td></tr>
		<tr><th>Code Postal</th><td>'.$tab_req['CT_CodePostal'].'</td></tr><tr><th>Ville</th><td>'.$tab_req['CT_Ville'].'</td></tr>
		<tr><th>Tel 1</th><td>'.$tab_req['CT_Telephone'].'</td></tr>
		<tr><th>Tel 2</th><td>'.$tab_req['CT_Telecopie'].'</td></tr>
		<tr><th colspan = "4">Commentaire Litige</th></tr>
		<tr><td colspan = "4" align ="center"><textarea name = "commentaire_litige" id = "commentaire_litige" cols = "50" rows = "3">'.$tab_req['commentaire_litige'].'</textarea></td></tr>
		<td colspan = "2" align = "center"><input type = "button" name = "enregistrer" value = "Enregistrer" onclick = "enregistrer(\''.$tab_req['CT_Num'].'\');" ></td>
</tr></table>' ;
 
}

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
function enregistrer(prospect)
{
 
	var e = document.getElementById("traitement_litige");
	var traitement = e.options[e.selectedIndex].value;
	var f = document.getElementById("origine_litige");
	var origine = f.options[f.selectedIndex].value;
	var comment = document.getElementById('commentaire_litige').value ;
	var g = document.getElementById("type_litige");
	var type = g.options[g.selectedIndex].value;
	var modification = document.getElementById('date_modification').value ;
	var solution = document.getElementById('solution_litige').value ;
 
 
	var xhr;
 
if (window.XMLHttpRequest)          //  Objet de la fenÍtre courant
	{
	xhr = new XMLHttpRequest();     //  Firefox, Safari, ...
	}
else if (window.ActiveXObject)      //  Version Active
	   {
		xhr = new ActiveXObject( "Microsoft.XMLHTTP" );   // Internet Explorer
	   }
 
	xhr.onreadystatechange = function()
	{
		if( xhr.readyState == 4 && xhr.status == 200 )
		{
		  //document.getElementById( 'lst' ).innerHTML = xhr.responseText;
		}
	}
 
	xhr.open( "POST" , "ajax/enregistrer.php" , false );
	xhr.setRequestHeader( "Content-Type" , "application/x-www-form-urlencoded" );
	xhr.send("prospect=" + prospect + "&traitement_litige=" + traitement + "&origine_litige=" + origine + "&commentaire_litige=" + comment + "&type_litige=" + type + "&date_modification=" + modification + "&solution_litige=" + solution );
 
	if (xhr.responseText == 'ok')
	{	
		alert('Fiche mise ‡ jour') ;
	}
	else
	{
		alert(xhr.responseText) ;
		alert('ERREUR DE MISE A JOUR !!') ;
	}
 
}

et enfin le enregistrer.php

Code:

1
2
3
4
5
6
7
8
9
10
<?php
 
$connexion = mysqli_connect('localhost', 'root', 'root', 'BD_GESTION');
 
$stmt = mysqli_prepare($connexion, "UPDATE LITIGES SET traitement_litige = ?, type_litige = ?, commentaire_litige = ?, origine_litige = ?, date_modification = CURDATE()
where CT_Num = ?") or die ('Error connecting to mysql: ' . mysqli_error($stmt)); 
mysqli_stmt_bind_param("sssss", $_POST['traitement_litige'], $_POST['type_litige'], $_POST['commentaire_litige'], $_POST['origine_litige'], $_POST['prospect']);  
mysqli_stmt_execute();
 
?>

14/08/2013, 09h08
Invité

1/

Code:

<td id="solution_litige"><input type="text" id="solution_litige" >

Un id doit être UNIQUE !
Et bien placé.

2/ Un <input> doit avoir une value="..."

3/ Sais-tu au moins ce que tu récupères en JS ?
Teste (avant var xhr; ) :

Code:

alert("prospect=" + prospect + "&traitement_litige=" + traitement + "&origine_litige=" + origine + "&commentaire_litige=" + comment + "&type_litige=" + type + "&date_modification=" + modification + "&solution_litige=" + solution );

4/ La requête :
Pas le même nombre d'arguments : 5 "?" et 6 bind_param.
14/08/2013, 09h11
slimshady2878

corrigé

corrigé mais meme erreur
14/08/2013, 09h12
sabotage

Tu as retiré le "ok".
14/08/2013, 09h15
slimshady2878

oui j'ai retiré le "ok" étant donné que j'ai dèjà des alertes sur mon script JS.
Je viens d'essayer avec et rien de plus... Je ne vois meme pas le ok passer d'ailleurs
14/08/2013, 09h30
sabotage

Que te donne le test alert() indiqué par jreaux62 ?
Ne répond pas "toujours pareil" quand on t'indique des éléments de debugage qui forcemment font que tu as un résultat affiché à l'écran.
14/08/2013, 09h33
slimshady2878

J'ai testé le alert() sur toute mes variables et elles reviennent toutes "undefined"...
14/08/2013, 10h05
Invité

Voir mon message précédent.

Code:

<input type="hidden" name="date_modification" id="date_modification" value="date_modification">

OK, sauf : value="date_modification" ????

Code:

<input type="text" id="solution_litige" >

Pas de value ??

Code:

<textarea name = "commentaire_litige" id = "commentaire_litige" ...

OK

Où sont les autres ???
Ceux que tu essaies de récupérer en JS avec des document.getElementById(...)

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