Variable dans getElementById

Salut !

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

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

Ma fonction ajax:

Code:

---

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

Citation:

---

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 !

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

et un ' autour de la propriété

Code:

---

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

---

Merci de ta réponse.

En effet ! Mauvais copier/coller !

Voilà le code testé:

Code:

---

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:

---

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:

---

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à ??

Code:

---

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

---

ou

Code:

---

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

---

ou

Code:

---

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

---

Aucun de tout ça fonctionne !

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

Le problème doit venir de là.

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

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

PHP retourne dorénavant, l'id 2

Si je fais :

Code:

---

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

---

Pas d'espace devant le 2

Si je fais:

Code:

---

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

---

Espace: # 2

A n'y rien comprendre !

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

Côté PHP j'ai mis

Code:

---

trim($id)

---

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

C'est énervant !

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

Dans mon php:

si je fais:

Code:

---

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

---

ça ne fonctionne pas >> espace

si je sors du if:

Code:

---

echo $_POST["idMatch"];

---

c'est ok !

Je ne comprends RIEN !

J'ai trouvé !!

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

Code:

---

?>[ESPACES]

---

au lieu de

Code:

---

?>

---

Ouf !

Merci quand même pour ton aide !

Quand je parlais de trim

Citation:

---

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.