Envoyer dans le script JS la valeur d'une variable php

**mickniclln** · 01/11/2013, 20h46

Bonjour,

Sur mon site, j'utilise le systeme de social login de Janrain.
Donc, l'utilisateur clic sur un bouton et cela ouvre le pop up permettant d'afficher la connexion au site.
Voici le code javascript que j'ai dans mon <head> </head>

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
 
<script type="text/javascript">
(function() {
    if (typeof window.janrain !== 'object') window.janrain = {};
    if (typeof window.janrain.settings !== 'object') window.janrain.settings = {};
 
 
    janrain.settings.tokenUrl = 'http://localhost:8888/write_advise.php?id=<?php echo $id; ?>';
 
    function isReady() { janrain.ready = true; };
    if (document.addEventListener) {
      document.addEventListener("DOMContentLoaded", isReady, false);
    } else {
      window.attachEvent('onload', isReady);
    }
 
    var e = document.createElement('script');
    e.type = 'text/javascript';
    e.id = 'janrainAuthWidget';
 
    if (document.location.protocol === 'https:') {
      e.src = 'https://rpxnow.com/js/lib/ratemywork/engage.js';
    } else {
      e.src = 'http://widget-cdn.rpxnow.com/js/lib/ratemywork/engage.js';
    }
 
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(e, s);
})();
</script>

Dans mon <body> j'ai ceci:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
<a href="write_advise.php?id=<?php echo $id; ?>"  class="janrainEngage" >

Mon probleme est le suivant: dans le code JS, il y a : janrain.settings.tokenUrl = 'http://localhost:8888/write_advise.php?id=<?php echo $id; ?>';

cela fonctionne sans probl�me, ma page write_advise s'ouvre bien mais le id est vide.

Ma question est donc: comment faire pour que le lien present dans le JS soit complet et contienne donc la valeur de $id

D'avance merci

Mickael

**Watilin** · 01/11/2013, 22h01

C'est un probl�me classique. PHP et JavaScript ne � vivent � pas au m�me moment.

Il faut bien comprendre que PHP tourne c�t� serveur, et JavaScript c�t� client. PHP ne sait g�n�rer que du texte et l'envoyer au client via HTTP. HTML et JavaScript, tout �a c'est juste du texte pour PHP. Ce n'est que lorsque �a arrive au navigateur que �a prend un sens.

De son c�t�, le navigateur re�oit des donn�es texte qu'il interpr�te comme HTML et JavaScript. Une fois qu'il a tout re�u, il ferme sa connexion au serveur et le processus PHP sur le serveur s'arr�te. Il n'a alors plus aucune chance de conna�tre une variable du serveur � moins de rouvrir la connexion et relancer le processus serveur (ce qui peut se faire par exemple avec Ajax).

La solution la plus simple est d'envoyer la variable au m�me moment que tout le reste. Pour �a, ton serveur doit g�n�rer une ligne de code JavaScript d�clarant la variable.

Code PHP :

S�lectionner tout - Visualiser dans une fen�tre � part

echo "<script>var advise_id = $id</script>";

Si par exemple $id contient la valeur 42, une fois interpr�t�e et envoy�e, cette ligne de code devient :

Code HTML :

S�lectionner tout - Visualiser dans une fen�tre � part

<script>var advise_id = 42;</script>

Ensuite, il te faudra juste modifier un peu ton JS pour que tokenUrl re�oive la bonne valeur.

**mickniclln** · 02/11/2013, 10h03

Bonjour,

Merci pour ta r�ponse.
J'ai essaye mais j'ai encore quelques soucis.

J'ai bien ajoute le code dans la version php et cela fonctionne

Code php :

S�lectionner tout - Visualiser dans une fen�tre � part

echo "<script>var advise_id = $id; document.write(advise_id);</script>";

affiche bien le contenu de $id

Maintenant ou cela se complique, c'est pour le passage dans la partie script dans le head. Si avant le debut de la fonction, je fais un document.write(advise_id), rien ne s'affiche. Donc j'en deduis que la valeur de ma variable n'arrive pas jusque la.
Pour info, ma variable $id vient de $id=$_GET[id]
Pourriez vous m'aider ?

Merci beaucoup

Mickael

**sekaijin** · 02/11/2013, 12h47

Comme d'hab
LISEZ LA FAQ ET LA SECTION CONTRIBUEZ
http://www.developpez.net/forums/d10...cript-methode/

A+JYT

**mickniclln** · 02/11/2013, 13h59

Bonjour,

Merci pour le lien
J'ai essaye

Code php :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
$script = Array(
	'id' => $id
	);

Si je fais un echo $script[id] il affiche bien l'id en question

Dans la balise head, j'ai mis:

Code php :

S�lectionner tout - Visualiser dans une fen�tre � part

scriptData = <?php echo json_encode($script); ?>;

Si je fais document.write(scriptData), il affiche la null

Je ne comprends h�las pas pourquoi

Merci

Mickael

**sekaijin** · 02/11/2013, 16h41

document.write est � bannir

console.log ou alert mais pas document.write

peut-on voir le source de ton navigateur ?
A+JYT

**mickniclln** · 02/11/2013, 18h13

J'ai utilise alert et il affiche aussi null

Si j'affiche le code source de ma page depuis Safari j'ai ceci

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
<script type="text/javascript">
scriptData = null;

Mais je viens de me rendre compte que je me complique la vie pour rien. Commme mon $id vient d'un $_GET, je peux l'extraire de l'URL via

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
var url = window.location.search;
  alert(url.substring(url.lastIndexOf("=")+1));

Mickael

**sekaijin** · 02/11/2013, 18h21

tu as un pb dans ton php

Code php :

S�lectionner tout - Visualiser dans une fen�tre � part

json_encode($script);

te retourne null;

ce n'est donc pas un pb JS

A+JYT

**Watilin** · 02/11/2013, 18h28

C'est plus simpe en effet

Mais attention, s'il y a d'autres param�tres GET, ton substring ne marche plus. Il peut arriver que le navigateur ajoute des param�tres � l'URL, par exemple si l'utilisateur passe par un proxy web. Dans le doute, il vaut mieux se prot�ger, surtout quand c'est facile � faire.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

console.log(location.search.match(/[?&]id=([^&#]+)/));

Envoyer dans le script JS la valeur d'une variable php

JavaScript

Discussions similaires

Partager

Partager