Discussion :

[Pingouin22]

Bonjour,

Je dois externaliser du code dans un fichier css, js.... Le problème c'est que dans les balises on a du code contenant des variables dynamiques, du style :
${widthlarge}

Merci d'avance

Code :

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

1
2
3
4
5
6
7
 
$text = "<STYLE>
    #GridDescWrap {	padding: 0 0 2px; position: relative; text-align: left; }
    .GridDesc { visibility: hidden; color:#666; width: ${widthlarge}px; position: absolute; left: 4px; top:-1px }
    .opaque { filter: alpha(opacity=100); opacity: 1; moz-opacity: 1 }
    .notOpaque { filter: alpha(opacity=50); opacity: .5; moz-opacity: .5 }          
    .thumbDiv { width:${imgSpacing}px;";

[Bisûnûrs]

Tu peux toujours faire une feuille de style dynamique en PHP.

Renomme ton fichier .css en .css.php, mets ce code tout en haut :

Code php :

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

1
2
3
<?php
header( 'content-type: text/css' );
?>

Et tu peux ensuite utiliser des variables PHP à l'intérieur (en les passant soit en GET soit en SESSION par exemple).

[Erwan31]

Le seul inconvénient du code PHP à l'intérieur d'une CSS est qu'il fait perdre le mécanisme de mise en cache par le navigateur de la CSS.
Donc penser à dissocier si possible les style dynamique de toutes les règles de style non dynamiques.

[Bisûnûrs]

Sauf si on rajoute une ligne dans le header PHP :

Code php :

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

header( 'HTTP/1.0 304 Not Modified' );

[Erwan31]

Sauf si on rajoute une ligne dans le header PHP :

Code php :

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

header( 'HTTP/1.0 304 Not Modified' );

Euh pas compris ta blague Bisûnûrs, d'ailleurs je ne connais pas l'erreur 304.

[Bisûnûrs]

Hum, ce n'était pas une blague.
Le code HTTP 304 d'Apache indique au navigateur que le contenu n'a pas été modifié, donc il va chercher le contenu dans son cache.

http://www.w3.org/Protocols/rfc2616/...html#sec10.3.5

[Erwan31]

Hum, ce n'était pas une blague.
Le code HTTP 304 d'Apache indique au navigateur que le contenu n'a pas été modifié, donc il va chercher le contenu dans son cache.

http://www.w3.org/Protocols/rfc2616/...html#sec10.3.5

Ah je pensais pas qu'on pouvais forcer la mise en cache d'une CSS comprenant du code PHP.
C'est un peu l'équivalent du meta cache-control non?

[Pingouin22]

Merci beaucoup je vais essayer cela demain matin et oui, pas le même fuseau horaire que vous ...

[Bisûnûrs]

C'est un peu l'équivalent du meta cache-control non?

C'est un peu plus radical que le cache-control, oui, qu'on peut tout à fait utiliser :

Code php :

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

header( 'cache-control: max-age=3600, must-revalidate' );

[Pingouin22]

Donc j'ai mon fichier qui commence comme cela

Code :

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

1
2
3
4
 
header( 'content-type: text/css' );
header( 'HTTP/1.0 304 Not Modified' );
?>

Mais après je crée des classes css pour externaliser mon code ?

Code :

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

1
2
3
4
5
6
7
 
$text = "<STYLE>
    #GridDescWrap {	padding: 0 0 2px; position: relative; text-align: left; }
    .GridDesc { visibility: hidden; color:#666; width: ${widthlarge}px; position: absolute; left: 4px; top:-1px }
    .opaque { filter: alpha(opacity=100); opacity: 1; moz-opacity: 1 }
    .notOpaque { filter: alpha(opacity=50); opacity: .5; moz-opacity: .5 }          
    .thumbDiv { width:${imgSpacing}px;";

Pouvez vous me donner un exemple sur l'externalisation de cette balise <STYLE>

Merci.

[devyan]

Salut,

Pour externaliser un CSS il suffit de remplacer

Code :

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

1
2
3
4
<style type="text/css">
...
 
</style>

par

Code :

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

<link href="nom_du_fichier_css_externe" type="text/css" rel="stylesheet">

En général "nom_du_fichier_css_externe" est le fichier texte dans lequel on aura recopié les déclaration CSS que l'on désire externaliser.
Dans ton cas ce sera un appel PHP qui te renvoie le contenu de $text (sans "<STYLE>" et "</STYLE>")

[Pingouin22]

Voila ce que j'obtiens pour le moment dans mon fichier *.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
 
<!-- Modifié par moi -->
<link href="externalisation.css.php" type="text/css" rel="stylesheet">
<!-- Fin de modification -->
 
<?php // no direct access
defined('_JEXEC') or die('Restricted access'); 
 
......
......
 
$imgSpacing = $widththumb + 4;
$tableWidth = $imgSpacing + $widthlarge;
 
$dynaText = "";
$text = "<STYLE>
    #GridDescWrap {	padding: 0 0 2px; position: relative; text-align: left; }
    .GridDesc { visibility: hidden; color:#666; width: ${widthlarge}px; position: absolute; left: 4px; top:-1px }
    .opaque { filter: alpha(opacity=100); opacity: 1; moz-opacity: 1 }
    .notOpaque { filter: alpha(opacity=50); opacity: .5; moz-opacity: .5 }          
    .thumbDiv { width:${imgSpacing}px;";
 
.....
.....

Et cela dons mon fichier *.css.php

Code :

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

1
2
3
4
5
6
7
8
9
 
<?php
header( 'content-type: text/css' );
header( 'HTTP/1.0 304 Not Modified' );
?>
 
#GridDescWrap {	padding: 0 0 2px; position: relative; text-align: left; }
.opaque { filter: alpha(opacity=100); opacity: 1; moz-opacity: 1 }
.notOpaque { filter: alpha(opacity=50); opacity: .5; moz-opacity: .5 }

Ce que je comprend pas c'est la syntaxe d'externalisation car mes variables php sont déclarées dans le *.php . Ainsi comment tu fais après une fois dans le *.php pour lui dire $text = (ce qui va bien)


Désolé je découvre le php, d'habitude je suis plus orienté vers Java, C++

[devyan]

Ce que je comprend pas c'est la syntaxe d'externalisation car mes variables php sont déclarées dans le *.php . Ainsi que comment tu fais après une fois dans le *.php pour lui dire $text = (ce qui va bien)


Désolé je découvre le php, d'habitude je suis plus orienté vers Java, C++

Moi je ne sais pas. Pour ça pose la question sur le forum PHP

[HiRoN]

Ainsi que comment tu fais après une fois dans le *.php pour lui dire $text = (ce qui va bien)

Un echo $text; ?

(Ou alors idem, je vois pas ou mal compris... )

Que veux-tu dire par : "Pour lui dire..." ?

[Pingouin22]

Ce que je veux dire c'est que dans mon fichier *.css.php l'externalisation du code qui est entre <Style> et </Style>. Mais comment je fais par la suite après dans le php ci dessous après le $text = .... Faut bien qu'ici j'appelle le contenu de l'autre fichier sachant qu'il y a plusieurs classes

Code :

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

1
2
3
4
5
6
7
 
$text = "<STYLE>
    #GridDescWrap {	padding: 0 0 2px; position: relative; text-align: left; }
    .GridDesc { visibility: hidden; color:#666; width: ${widthlarge}px; position: absolute; left: 4px; top:-1px }
    .opaque { filter: alpha(opacity=100); opacity: 1; moz-opacity: 1 }
    .notOpaque { filter: alpha(opacity=50); opacity: .5; moz-opacity: .5 }          
    .thumbDiv { width:${imgSpacing}px;";

[devyan]

Je répète que ce n'est pas à priori le bon forum pour demander comment propager des variables d'un appel PHP à un autre.

Cependant, si j'ai bien compris "la pile d'appels" de ton code tu as un fichier qui contient des variables qui ont des valeurs ...
Dans ce fichier (qui te génère ton HTML) tu veux créer une ligne qui fait appel à ton fichier ".css.php" ...
Cet appel est une requête http donc si tu n'as pas moyen de garder tes variables en mémoire en session (par exemple) pourquoi ne pas simplement les passer en paramètre à ton fichier ".css.php"

Code :

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

<link href="externalisation.css.php?param1=valeur1&param2=valeur2" type="text/css" rel="stylesheet">