Port�e des variables PHP dans Javascript

Version imprimable

25/10/2011, 12h20
CinePhil

Port�e des variables PHP dans Javascript

Bonjour,
Je travaille un peu sur un projet commenc� par d'autres et je suis � peu pr�s noob en Javascript. D�sol� si mes questions sont basiques mais apr�s recherche sur le forum et parcours de quelques messages, rien ne m'a guid�.

Grosso modo, je reprends du code qui m�lange du PHP, du CSS, du HTML et du Javascript, tout en faisant quand m�me appel � des fichiers CSS et JS.

J'ai voulu r�organiser un peu tout �a en isolant tout le CSS et tout le Javascript dans des fichiers .css et .js.

Le probl�me est que certaines portions de code Javascript utilisent des variables PHP.

Apr�s moult essais et pas mal de recherches sur le net, il semble impossible d'externaliser dans un fichier Javascript les fonctions Javascript utilisant du code PHP afin que le code Javascript n'apparaisse pas dans le code source de la page HTML (je trouve �a moche !).

Vrai ou faux ?
25/10/2011, 12h29
zevince

si c'est un fichier .js, par d�faut, ton serveur web ne le passera pas � php et le servira, tel quel, non interpr�t�..

Tu peux configurer ton serveur web pour ex�cuter php aussi sur les .js, mais �a risque d��tre un peu lourd..

Par contre tu peux tester en appelant ton fichier
"scripts.js.php" et l�appeler dans ton html comme un fichier js externe normal

Code:

<script type="text/javascript" src="/js/scripts.js.php"></script>

ca devrait marcher.. Peut-�tre auras tu besoin de rajouter un header appropri� pour que le script php soit bien reconnu comme js :

Code:

header("content-type: application/x-javascript");

Encore que normalement, vu que tu pr�cise le type dans ton appel, ca ne devrait pas �tre n�cessaire..

A tester !
25/10/2011, 19h25
CinePhil

J'ai essay� ce genre de manip mais rien n'y fait.
Je vais simplement s�parer le code dans des fichiers ;js mais les appeler par require dans le PHP pour qu'ils soient int�gr�s � la page g�n�r�e par PHP et qu'ils b�n�ficient des variables PHP comme actuellement.
Ce sera d�j� mieux que d'avoir tout m�lang� dans le m�me fichier.

Merci de ta r�ponse.
25/10/2011, 20h12
SpaceFrog

Citation:

J'ai essay� ce genre de manip mais rien n'y fait.

Pourtant �a fonctionne parfaitement ...

soit mettre le fichier css ou js avec une extension .php
- et mettre le src des balises avec l'extension .php
- ou faire un rewrite rule poru que les .css pointent sur des .php

soit indiquer au serveur d'interpr�ter les fichiers .css et .js avec php

Ce sont des techinques �prouv�es ...
25/10/2011, 21h51
CinePhil

�a a fonctionn� pour le CSS mais pas pour le Javascript alors je change de strat�gie pour le JS
26/10/2011, 15h33
Willpower
Citation:

Envoy� par CinePhil

�a a fonctionn� pour le CSS mais pas pour le Javascript alors je change de strat�gie pour le JS

Qu'entends-tu par �a ne fonctionne pas en js ? Tu n'as pas les variables php ou tu n'as pas de fichier du tout ?

Perso en header je met juste �a :
Code:

1 2 3 4 5 <?php header("Content-type: text/javascript"); ?> //mon code javascript ici
Et dans ma page html, rien de plus qu'avant sauf que ma balise script a pour source la page php.

Code:

<script type="text/javascript" src="http://www.monsite.com/monscript.php" ></script>

edit: sinon je me souviens qu'� l'�poque ou j'utilisais des hebergeurs gratuits, l'un d'eux plantait mes fichiers externes ".php" car il rajoutait des balises html pour faire des stats.
26/10/2011, 15h36
SpaceFrog

css javascript les deux fonctionnent
26/10/2011, 16h08
snypi

Une solution pour faire tourner du php dans le js, � noter dans le htaccess.

Citation:

Run PHP inside JavaScript files
When coding in JavaScript, it can very useful to be able to use PHP inside the .js files, for example for retrieving data from your database. Here is a snippet to allow the use of PHP inside .js files.

AddType application/x-httpd-php .js
AddHandler x-httpd-php5 .js

<FilesMatch "\.(js|php)$">
SetHandler application/x-httpd-php
</FilesMatch>

Source: http://www.kavoir.com/2010/07/how-to...ipt-files.html

1 pi�ce(s) jointe(s)

Merci pour le lien snypi.
Si je comprends bien ceci :

Citation:

Another solution for this is to make your server parse all files ending in .js. Just create a .htaccess if it doesn�t exist in the directory in which you wish to include and run PHP code inside all .js files.

Il faut mettre le .htaccess avec le code donn� dans le r�pertoire contenant les .js ?

EDIT :
Je viens de faire un test, avec tous les fichiers dans le m�me r�pertoire pour simplifier :

.htaccess :

Code:

1
2
3
4
5
6
7
8
AddType application/x-httpd-php .css
 
AddType application/x-httpd-php .js
AddHandler x-httpd-php5 .js
 
<FilesMatch "\.(js|php)$">
SetHandler application/x-httpd-php
</FilesMatch>

styles.css :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?php
header( 'Content-type: text/css');
session_start();
?>
body {
	background: <?php echo $_SESSION['bg']['body']; ?>;
	font-style: normal;
}
#container {
	background: <?php echo $_SESSION['bg']['container']; ?>;
	color: <?php echo $_SESSION['txt']['police']; ?>;
	border: 10px solid <?php echo $_SESSION['txt']['border']; ?>;
}
 
#texte
{
	font-style: <?php echo $style_texte; ?>;
}

test.js :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<?php
header("Content-type: application/x-javascript");
session_start();
?>
 
function afficherVariable()
{
	var varsess = '<? echo $_SESSION["variable_session"]; ?>';
	var variable = '<php echo $une_variable; ?>';
 
	alert(varsess + ' : ' + variable);
}

index.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
<?php
session_start();
$_SESSION['bg']['body'] = 'blue';
$_SESSION['bg']['container'] = 'yellow';
$_SESSION['txt']['police'] = 'red';
$_SESSION['txt']['border'] = 'green';
$_SESSION["variable_session"] = 'ma variable session';
$style_text = 'italic';
$une_variable = 'une valeur';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<title>Test</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" href="styles.css" type="text/css" media="screen" />
	<script type="application/x-javascript" src="test.js" charset="utf-8"></script>
</head>
<body>
	<div id="container"><span id="texte">Bonjour</span><br />
		<a href=javascript:afficherVariable()>Afficher les variables</a>
	</div>
</body>
</html>

Voici le r�sultat :
http://www.developpez.net/forums/att...1&d=1319704812

=> La variable session est r�cup�r�e mais pas la variable ordinaire, pour le CSS comme pour le Javascript.

27/10/2011, 13h04
Willpower

bon et ma(notre) solution alors ? (juste en renomant tes fichiers .js en .php).

le fichier ne fonctionne plus du tout ? ou uniquement tes variables qui ne fonctionnent pas ? as-tu un message d'erreur dans la console ?

as-tu bien mis le header php content-type "text/javascript" ?
27/10/2011, 22h24
snypi

mille excuse au lieu de mettre "une solution" j'aurais du �crire " une piste"
:)
quand je regarde la configuration de ta r�organisation effectivement j'opterai pour un fichier js.php pour regrouper les code js.
et si pas trop de variable css � modifier je les mettrais dans une balise style du index.php
28/10/2011, 09h52
CinePhil

Bon ben dans ce cas je reste sur la solution que j'ai adopt�e :
S�paration du code Javascript dans des fichiers .js et require du fichier .js dans le programme PHP.

On va dire que c'est r�solu, m�me si �a ne me satisfait qu'� moiti�.

Merci � tous.