Discussion :

[coincoin22]

Salut !

C'est à n'y rien comprendre !!!

J'ai un fichier php qui retourne en ajax >> 'valid2'

Ma fonction ajax:

Code :

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

1
2
3
4
5
6
7
8
$.ajax({
	url: "get_admin.php", // le nom du fichier indiqué dans le formulaire
	type: $(this).attr('method'), // la méthode indiquée dans le formulaire (get ou post)
	data: $(this).serialize(), // je sérialise les données (voir plus loin), ici les $_POST
	success: function(results) {			
		document.getElementById(results).style.backgroundColor= 'green';
	}
});

Mais j'ai l'erreur

Uncaught TypeError: Cannot read property 'style' of null

Alors que si je tape directement

document.getElementById('valid2').style.backgroundColor= green'; TOUT fonctionne !!

Si vous avez une idée ?

Merci !

[SpaceFrog]

tu es sur du code montré ???
il manque un { à ta fonction success ...

et un ' autour de la propriété

Code :

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

1
2
3
4
5
6
7
8
9
10
$.ajax({
						    url: "get_admin.php", // le nom du fichier indiqué dans le formulaire
						    type: $(this).attr('method'), // la méthode indiquée dans le formulaire (get ou post)
						    data: $(this).serialize(), // je sérialise les données (voir plus loin), ici les $_POST
						    success: function(results){
 
$("#"+results).style.backgroundColor= 'green';					
 
						}
						 });

[coincoin22]

Merci de ta réponse.

En effet ! Mauvais copier/coller !

Voilà le code testé:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
$.ajax({
	url: "get_admin.php", // le nom du fichier indiqué dans le formulaire
	type: $(this).attr('method'), // la méthode indiquée dans le formulaire (get ou post)
	data: $(this).serialize(), // je sérialise les données (voir plus loin), ici les $_POST
	success: function(results) {			
		$("#"+results).style.backgroundColor= 'green';
	}
});
return false; 
});
});

Le php renvoie valid2

Mais j'ia l'erreur:

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
Uncaught Error: Syntax error, unrecognized expression: #
 
 
valid2 jquery.min.js:3
m.error jquery.min.js:3
m.filter jquery.min.js:3
m jquery.min.js:3
c.querySelectorAll.m jquery.min.js:3
f.fn.extend.find jquery.min.js:3
e.fn.e.init jquery.min.js:2
e jquery.min.js:2
$.ajax.success admin.php:351
o jquery.min.js:2
p.fireWith jquery.min.js:2
w jquery.min.js:4
d jquery.min.js:4

Y'a un autre truc étrange !! Quand je fais

Code :

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

document.getElementById('test').innerHTML="#"+results;

Il me renseigne dans ma balise test # valid2 et non #valid2. Il met un espace ??!!!

ça pourrait venir de là ??

[SpaceFrog]

Code :

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

$("#"+results).css({"background-color":"green"});

ou

Code :

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

$("#"+results).css("background-color","green");

ou

Code :

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

$("#"+results).get(0).style.backgroundColor="green";

[coincoin22]

Aucun de tout ça fonctionne !

Tu as lu ma remarque sur le innerHTML précédemment ?

Le problème doit venir de là.

[SpaceFrog]

c'est que ta page php retourne un espace avant ...

soit il est avant ta balise php ...
soit tu as du BOM

[coincoin22]

PHP retourne dorénavant, l'id 2

Si je fais :

Code :

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

document.getElementById('test').innerHTML=results;

Pas d'espace devant le 2

Si je fais:

Code :

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

document.getElementById('test').innerHTML="#"+results;

Espace: # 2

A n'y rien comprendre !

[SpaceFrog]

ce n'est pas un espace ... c'est du BOM ...
ton fichier php renvoie du BOM

soit tu mets ton fichier php en "sans BOM"
soit tu fais un trim de result

[coincoin22]

Côté PHP j'ai mis

Code :

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

trim($id)

et j'ai toujours le même problème.

C'est énervant !

Sous NotePad++, l'encodage est UTF-8 SANS BOM

[coincoin22]

Dans mon php:

si je fais:

Code :

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

if($_POST["idMatch"]) {echo $_POST["idMatch"];}

ça ne fonctionne pas >> espace

si je sors du if:

Code :

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

echo $_POST["idMatch"];

c'est ok !

Je ne comprends RIEN !

[coincoin22]

J'ai trouvé !!

C'était 2/3 espaces à la fin de mon fichier config.php (connexion BDD) !

Code :

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

?>[ESPACES]

au lieu de

Code :

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

?>

Ouf !

Merci quand même pour ton aide !

[SpaceFrog]

Quand je parlais de trim

soit tu fais un trim de result

c'était coté js ...
manifestement il était évident que c'est ton code php qui te retournait des espaces indésirable a un endroit ou à un autre ...
Tu as fini par localiser l'endroit dans un autre fichier.

Un façon un peu "sale" mais efficace en dernier recours aurait été de laisser php retourner les espaces indésirables et les supprimer en js.

Mais ta persévérance t'a permis de localiser les espaces rajoutés par php.