include du CSS et javaScript MVC

**damienla** · 26/02/2017, 21h23

Bonjour,

Je développe une application en PHP objet en MVC ( modèle vue controleur ), je galère depuis un certains sur un problème bénin mais dont je trouve pas de solution...

Voici l'arborescence de mon projet :

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
Racine :
 
index.php
 
css
>materialize.min.css
js
>materialize.min.js
 
images
>
 
includes
>header.php
>menu.php
>footer.php
 
controleur
>C_login.php
modele
 
vue
>V_login.php

Et voici le code de mon header :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<!DOCTYPE html>
<html lang="fr">
<head>
    <!--Import Google Icon Font-->
    <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <!--Import materialize.css-->
    <link type="text/css" rel="stylesheet" href="../css/materialize.min.css"  media="screen,projection"/>
 
    <!--Let browser know website is optimized for mobile-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 
</head>
</html>

Dans l'index et dans le contrôleur je fais donc un include de mon header.php et de mon menu.php cependant le problème c'est pour l'index le href nécessaire est :

Code :

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

href="css/materialize.min.css"

Et pour mon contrôleur ( C_login.php ) c'est :

Code :

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

href="../css/materialize.min.css"

Hors le fichier header.php possède seulement 1 des 2, je ne sait pas comment faire un alternatif qui bouge suivant la page ou l'on est, avez vous une solution ? J'ai également le même problème pour le menu évidemment puisque là aussi les liens dans le menu dépendent de la position du fichier où l'on se trouve. Je trouve ça redondant et embêtant de le mettre plusieurs fois dans le projet

Merci par avance,

Damien

**Geoffrey74** · 27/02/2017, 08h39

Salut,

utilise une url, genre http://www.mondomain.tld/css/materialize.min.css

Peut importe la page, l'url sera la même.

**damienla** · 27/02/2017, 10h00

Bonjour,

Merci pour ta réponse mais je n’aime pas vraiment utiliser des URL comme ça en dur car par exemple actuellement je travaille en localhost et quand je vais l’héberger il va falloir tout changer… En soit ce n’est pas un problème si c’est uniquement pour le CSS et le JS mais je rencontre également le même problème pour le mon menu général qui est un include et dont les liens dépendent donc au même titre que le css et js de l’emplacement du fichier utilisé dans le projet.

Existerai-t-il pas une autre solution ?

**Geoffrey74** · 27/02/2017, 11h35

L'inclusion des css/js se base sur l'URL, pour l'include php, tu as le choix.

Tu peux rencontrer des soucis en n'utilisant pas l'URL complète.

Exemple :

Code :

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

 <link type="text/css" rel="stylesheet" href="/css/materialize.min.css"  media="screen,projection" />

Cela fonctionnera pour toutes les pages "racines" du site.

Par contre, en partant du principe que tu utilises l'URL Rewriting, et tu as une page du genre monsite.tld/machin/bidule/
Alors le css sera cherché dans un répertoire /machine/bidule/css
Ce répertoire n'existant pas, le css ne sera pas chargé.

Pour te faciliter la tâche, créé toi une constante appelé URLSITE et qui contient l'URL du site.
Utilise cette constante pour les appelles css / js.
Ex :

Code :

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

 <link type="text/css" rel="stylesheet" href="<?= URLSITE ?>/css/materialize.min.css"  media="screen,projection" />

Si le domaine change, tu ne change qu'une ligne de code

**damienla** · 27/02/2017, 11h40

Yes ! Parfait ta solution avec la constante uniquement à changer, je vais faire ça également pour le menu du coup. Je n'y avais pas pensé !

Merci !

include du CSS et javaScript MVC

Langage PHP

Discussions similaires

Partager

Partager