Enlever des balises styles

Version imprimable

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:

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;";

20/11/2008, 21h09
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:

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).
20/11/2008, 21h17
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. ;)
20/11/2008, 21h23
Bisûnûrs

Sauf si on rajoute une ligne dans le header PHP :

Code:

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

:mrgreen:
20/11/2008, 23h27
Erwan31

Citation:

Envoyé par Bisûnûrs

Sauf si on rajoute une ligne dans le header PHP :

Code:

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

:mrgreen:

Euh pas compris ta blague Bisûnûrs, d'ailleurs je ne connais pas l'erreur 304.
20/11/2008, 23h56
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
21/11/2008, 00h18
Erwan31

Citation:

Envoyé par 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

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?
21/11/2008, 03h55
Pingouin22

Merci

Merci beaucoup je vais essayer cela demain matin et oui, pas le même fuseau horaire que vous ...
21/11/2008, 07h24
Bisûnûrs

Citation:

Envoyé par Erwan31

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:

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

D'accord

Donc j'ai mon fichier qui commence comme cela

Code:

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:

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.

21/11/2008, 15h40
devyan
Salut,

Pour externaliser un CSS il suffit de remplacer
Code:

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

Code:

<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>")

Donc cela donne

Voila ce que j'obtiens pour le moment dans mon fichier *.php

Code:

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:

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

21/11/2008, 16h30
devyan

Citation:

Envoyé par Pingouin22

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 ;)
21/11/2008, 18h15
HiRoN

Citation:

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... :aie:)

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

Voiloute

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:

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;";

21/11/2008, 22h49
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:

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