Discussion :

[CinePhil]

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 ?

[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 :

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

<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 :

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

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 !

[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.

[SpaceFrog]

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 ...

[CinePhil]

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

[Willpower]

�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 php :

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

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 html :

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

<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.

[SpaceFrog]

css javascript les deux fonctionnent

[snypi]

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

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

[CinePhil]

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

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 :

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

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 :

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

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

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 :

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


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

[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" ?

[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

[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.