Incorporer du code dynamiquement entre les balises <HEAD> </HEAD>

**schnee** · 26/03/2020, 21h41

Bonjour,
Je suis en train d'essayer de rendre mon code plus conforme et normalement, une balise <LINK doit obligatoirement se trouver à l'intérieur de <HEAD>...</HEAD> .
Bon, c'est bien beau, mais quand j'appelle une fonction qui a besoin de son propre fichier CSS, quand elle est appelée il y a longtemps que </HEAD a été fermé et que le <BODY a été ouvert.
Alors est-ce qu'il existe une façon d'ajouter du contenu au HEAD dynamiquement ?

**Lebou NDIAYE** · 27/03/2020, 08h03

Avez vous essayé de définir cette fonction dans une nouvelle page PHP et e l'appeler directement avec la fonction include('page.php');

**schnee** · 27/03/2020, 17h39

En fait, c'est ce qui se passe à l'heure actuelle. Mais je ne vois pas ce que ça changerait. Cet appel suit suit mon bloc HEAD de toute façon.
Cette restriction imposée par la norme est assez ridicule. De nos jours il n'existe pratiquement aucun site qui ne soit pas dynamique, et c'est assez élémentaire qu'on puisse avoir besoin de CSS ou de Javascript n'importe où et n'importe quand. D'ailleurs il n'y a aucun navigateur qui se choque quand on y transgresse.

**ma5t3r** · 27/03/2020, 18h07

Ce que dit Lebou NDIAYE est tout à fait exact.
On a l'impression que tu ne comprends pas quelque chose ou peut-être que c'est moi.

Est-ce que tu utilises un framework PHP, un moteur de template ?

En règle générale, le template standard se compose comme suit :
- header
- body
- footer

Je ne vois pas ce qui t'empêche d'ajouter du "dynamisme" dans le header.
Tout le monde fait ça tout le temps :-)

**schnee** · 27/03/2020, 19h37

Aucun framework. En fait j'ai mon propre framework que j'ai développé en ColdFusion depuis plus de 12 ans, je cherche maintenant à en faire une version PHP.
J'ai un programme principal, qui naturellement déclare

Code :

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

1
2
3
4
5
6
7
8
<HTML
<HEAD
...
</HEAD
<BODY
...
</BODY
</HTML

puis plus bas

include un .php
appelle la fonction qui est dans le php

Mais cette fonction a besoin de styles particuliers dans un fichier CSS et d'un Javascript.
Or, d'après la norme il faudrait que ces appels de CSS et de script soient absolument dans la section HEAD, c'est franchement malcommode.
ma section

Code :

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

1
2
3
4
<HTML
<HEAD
...
</HEAD

se trouve dans un fichier application.php déclaré dans auto_prepend_file dans php.ini.
Ce fichier contient tout ce qui est nécessaire quelque soit la page appelée.
Le reste est déclaré par chaque page indépendante, y compris la balise <BODY qui peut comporter des attributs particuliers.

Le problème, c'est que d'après la norme, il faudrait que je mette dans ce fichier application.php tous les styles et Javascript possibles, même si aucun ne sera finalement utilisé. Ça n'a pas de sens.
Ce fichier « application » est un concept de base pour toute application en Coldfusion, j'essaie de rester le plus possible conforme à la version d'origine.
Notez que le problème se trouve également dans mon application CF, mais là maintenant je suis en php.

**ma5t3r** · 27/03/2020, 19h52

Notez que le problème se trouve également dans mon application CF, mais là maintenant je suis en php.

Si tu es maintenant en PHP, qu'est-ce qui t'empêche de faire ce qui suit ?

Code :

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

1
2
3
4
5
6
 
<head>
    <?php
        liste de mes CSS et JS
    ?>
</head>

**ma5t3r** · 27/03/2020, 20h01

Si le head n'est pas modifiable via PHP, il y a une autre solution.

Il suffit de le modifier une fois le document ready via javascript.

**Lebou NDIAYE** · 27/03/2020, 22h43

Mais savez vous qu'en CSS il y'a trois façons de définir les styles:
1-La première est que vous pouvez définir vos styles dans chaque balise concernée
2-Ou bien définir vos styles en des balises <style>****</style> mais ces dernières doivent être placées entre les balises HEAD
3-Et en fin celle de définir un fichier CSS particulier et l'appeler dans ton fichier PHP avec la balise LINK

J'aurai bien vous aider mais je ne sais pas si j'ai bien saisi votre problème...

Surtout avec le fait de définir définir des styles dont lesquels vous n'aurez pas besoin ...

Invité · 28/03/2020, 09h57

Bonjour,

ce n'est pas un souci de compréhension, mais de CONCEPTION.

Envoyé par schnee

mais quand j'appelle une fonction qui a besoin de son propre fichier CSS, quand elle est appelée il y a longtemps que </HEAD a été fermé et que le <BODY a été ouvert.

PHP agit coté serveur.
Il permet de générer le "code source", qui sera affiché dans le navigateur.

Donc, rien n'empêche de faire les traitements PHP AVANT tout affichage HTML.
C'est même recommandé.

Je t'invite à te documenter sur :

N.B. Par convention, les balises HTML s'écrivent en minuscules : <head>, <body>,...

1- Idée fausse : NON, les scripts JS n'ont pas besoin d'être dans le <head>.
Ils peuvent être n'importe où dans le code : de préférence après le code HTML qu'ils concernent (car il faut que les éléments concernés soient présents dans le DOM *).
* Sinon, on peut/doit utiliser DOMContentLoaded :

Code :

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

1
2
3
4
window.addEventListener("DOMContentLoaded", (event) => {
    console.log("DOM entièrement chargé et analysé");
    // ICI, le code JS
});

Il est d'ailleurs recommandé de les mettre A LA FIN du script, avant la balise </html>.

2- Styles CSS : en effet, il est préférable de les déclarer dans le <head>.
Si tu as des "modules" nécessitant du CSS, il faut les appeler (ou du moins charger leur CSS) AVANT tout affichage HTML, pour intégrer les <link ...> dans le <head>.

Envoyé par schnee

Le problème, c'est que d'après la norme, il faudrait que je mette dans ce fichier application.php tous les styles et ~~Javascript~~ possibles, même si aucun ne sera finalement utilisé. Ça n'a pas de sens.

SI, ça a du sens.
Une fois chargés, les fichiers CSS sont mis en cache du navigateur.
Donc : autant les charger une fois pour toutes (même s'ils ne sont pas utilisés dans la page en cours).

Incorporer du code dynamiquement entre les balises <HEAD> </HEAD>

Langage PHP

Discussions similaires

Partager

Partager