Discussion :

[Invité]

Bonjour,

Je souhaiterais un avis concernant la meilleure pratique à adopter face à mon interrogation.
J'ai repris un template dans lequel un fichier init.js effectue toute sorte de traitements dont intégrer mes feuilles de styles. Problème, les liens des fichiers.css y sont écrits en dur.
J'ai créé des variables "globales" (en quelque sorte) avec tout type de liens nécessaires sur tout le site. Je souhaite maintenant remplacer les liens écrits en dur dans le JavaScript par les valeurs de ces variables globales.
Quelle serait la meilleure pratique pour que le fichier JavaScript reste propre tout en générant dynamiquement son contenu ? J'avais pensé à générer le contenu en php puis créer un fichier init.js avec le contenu précédemment généré, ou alors à éditer un fichier init.sample déjà existant, en ne rajoutant que les valeurs manquantes puis créer un fichier init.js avec le contenu précédemment généré. Problème de la seconde solution, je me retrouve avec un fichier.sample inutile par la suite.
Je suppose qu'il doit y avoir de meilleures façons de procéder, je suis à l'écoute de toute proposition.

Amicalement,
Valef.

[ABCIWEB]

En général, on évite de mettre des variables php dans du javascript car cela crée une forte dépendance.

On affiche plutôt les variables php dans le code html, par exemple dans des input de type hidden, ou dans des attributs html "data", et on les récupère ensuite avec le code js après le chargement de la page. Mais ici comme il faudrait pouvoir récupérer ces valeurs avant le chargement de la page...

Dans ton cas tu peux mettre tes variables globales php dans un tableau que tu encode avec json pour que javascript puisse le récupérer.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<?php
//...
$tab_globales = array(...);
?>
<script type="text/javascript">/* <![CDATA[ */
 
var GLOBALES_PHP = <?= isset($tab_globales)? json_encode($tab_globales) : 'undefined'; ?>;
 
/* ]]> */</script>
 
<script type="text/javascript">
// ici tu peux insérer le script qui pourra utiliser le tableau javascript GLOBALES_PHP
</script>

[Shuty]

On affiche plutôt les variables php dans le code html, par exemple dans des input de type hidden, ou dans des attributs html "data", et on les récupère ensuite avec le code js après le chargement de la page. Mais ici comme il faudrait pouvoir récupérer ces valeurs avant le chargement de la page...

En effet, le but même du MVC et est réduire les dépendance et la réplication de code. Il faut toujours penser à la pérennité du code avant tout, même si ca reste techniquement fonctionnel.

[Invité]

C'est parfait ; merci pour vos réponses !