modification d'un fichier CSS existant [Résolu]

[laurentSc]

Bonjour,

j'ai déjà un site avec un fichier CSS appelé par plein de pages, et ce que je voudrais faire, c'est modifier un attribut déjà utilisé dans ce CSS (un font-size) et de plus ajouter un ID (et faire cette modif en PHP, car je crois qu'il n'y aurait pas moyen autrement) : est-ce possible ?

[NoSmoking]

Envoyé par laurentSc

Bonjour,

j'ai déjà un site avec un fichier CSS appelé par plein de pages, et ce que je voudrais faire, c'est modifier un attribut déjà utilisé dans ce CSS (un font-size) et de plus ajouter un ID (et faire cette modif en PHP, car je crois qu'il n'y aurait pas moyen autrement) : est-ce possible ?

pourquoi ne pas l'ajouter dans le fichier CSS directement

[laurentSc]

Ca a besoin d'être dynamique, car je souhaite modifier la taille des caractères (d'où le font-size) sur action de l'utilisateur (il s'agirait de pouvoir modifier cette taille par les mal-voyants, mais tout le monde n'en a pas besoin...). Je viens d'ailleurs de faire un essai manuel : dans un fichier css existant, j'ai rajouté un ID plus un attribut sur un élément qui était déjà présent :

Code :

1
2
3
body{
font-size:30;
}

et c'était bien pris en compte.
Et il me semble que c'est quasiment au point :

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
25
26
27
28
29
30
31
32
33
34
<?php
$filename = 'fichier.css';
$somecontent = "#id1{
font-size:30;
}
\n";
 
// Assurons nous que le fichier est accessible en écriture
if (is_writable($filename)) {
 
    // Dans notre exemple, nous ouvrons le fichier $filename en mode d'ajout
    // Le pointeur de fichier est placé à la fin du fichier
    // c'est là que $somecontent sera placé
    if (!$handle = fopen($filename, 'a+')) {
         echo "Impossible d'ouvrir le fichier ($filename)";
         exit;
    }
 
    // Ecrivons quelque chose dans notre fichier.
    if (fwrite($handle, $somecontent) === FALSE) {
        echo "Impossible d'écrire dans le fichier ($filename)";
        exit;
    }
 
 
    fclose($handle);
 
} else {
    echo "Le fichier $filename n'est pas accessible en écriture.";
}
?> 
<p id="id1">
coucou
</p>

Car c'est bien pris en compte : est-ce que tu crois que c'est résolu ?

[kaiser59]

Salut,

Utiliser JavaScript (ou jQuery) serait plus approprié nan ? Comme le font la plupart des templates de joomla...

[laurentSc]

Utiliser JavaScript (ou jQuery) serait plus approprié nan ?

Pourrais-tu préciser un peu ton idée ?

Je suis d'autant plus intéressé que venant d'essayer mon idée, le fichier css que je voudrais modifier n'est pas accessible en écriture...

[Pierrot2Mars]

Salut,
Tu pourrais également ajouter du code dans ton head HTML.
Par ex :

Code :

1
2
3
<style type="text/css">
if(isset($_GET['size']) and !empty($_GET['size'])) echo '#id1 { font-size:'.intval($_GET['size']).'px'; }
</style>

Edit: Corrigé

[laurentSc]

Merci du tuyau, et comme j'ai déjà mis du code css (entre balises <style> et </style>) dans le début du body, ça doit aussi être possible, non ? (Je te demande ça, car vu mon contexte, ça serait beaucoup plus facile d'encapsuler ton code dans une fonction PHP et d'appeler celle-ci dans le body des pages).

Et il me semble que pour que ton code soit juste, il faudrait plutôt faire :

Code :

1
2
3
4
 
echo '<style type="text/css">'
if(isset($_GET['size']) and !empty($_GET['size'])) echo '#id1 { font-size='.intval($_GET['size']).'px'; }
echo '</style>'

Es-tu d'accord avec moi sur les 2 points abordés ?

[Pierrot2Mars]

Bien sûr !
...Sans oublier les ; à la fin des echo

[laurentSc]

Et voilà :

Code :

1
2
3
echo '<style type="text/css">';
if(isset($_GET['size']) and !empty($_GET['size'])) echo '#id1 { font-size='.intval($_GET['size']).'px'; }
echo '</style>';

(j'avais oublié)

[laurentSc]

J'ai décoché "résolu", car ça n'est pas au point.
Voilà ce que je fais :
j'ai un bouton "A+" qui fait un lien sur cette fonction :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
<?php 
$taille_pol= (!isset($_COOKIE["taille_pol"]))? "12":$_COOKIE["taille_pol"];
switch($taille_pol) {
case 10 : $taille_pol= "12"; break;
case 12 : $taille_pol= "15"; break;
case 15 : $taille_pol= "20"; break;
case 20 : $taille_pol= "30"; break;
case 30 : $taille_pol= "30"; break;
default : $taille_pol= "12"; break;
}
setcookie("taille_pol",  $taille_pol);
$_SESSION['size']=$taille_pol;
?>

et dans ma page d'essai, j'ai ce code :

Code :

1
2
3
4
5
6
7
8
<?php
echo '<style type="text/css">';
if (isset($_SESSION['size'])) echo '#id1 { font-size='.intval($_SESSION['size']).'px; }';
echo '</style>';
?>
<p id="id1">
coucou
</p>

bien sûr, je fais les session_start() nécessaires, mais ça ne marche pas quand même (le "coucou" ne grossit pas). Qu'est-ce qui ne va pas ?

[Pierrot2Mars]

Je vois une erreur ici :

Code :

$taille_pol= (!isset($_COOKIE["taille_pol"]))? "12":$_COOKIE["taille_pol"];

Corrigé :

Code :

$taille_pol= (!isset($_COOKIE["taille_pol"]) ? "12" : $_COOKIE["taille_pol"]);

[laurentSc]

Non, ce code est juste ; par contre, ce que tu ne pouvais voir, c'est qu'il était mal placé vu qu'il y a dedans un setcookie et qu'il faut donc le placer avant tout affichage ; je l'ai fait (placé avant le doctype) et du coup la variable PHP est bien positionnée ; le cookie est effectivement "setté" et du coup, la variable augmente bien à chaque fois que j'appelle le code ; pour rappel :

Code :

$taille_pol= (!isset($_COOKIE["taille_pol"]))? "12":$_COOKIE["taille_pol"];

donc si le cookie n'existe pas, on repart à chaque fois de la même valeur.
Par contre, dans le code html il y a

Code :

1
2
3
<style type="text/css">#id1 { font-size=30px; }</style>taille=30<br><p id="id1">
coucou
</p>

(le taille=30 est le résultat d'un echo de contrôle), mais pourtant, le coucou ne prend pas en compte ce font-size ; tu comprends ?

[NoSmoking]

ce n'est pas

Code :

font-size=30px;

mais

Code :

font-size:30px;

le séparateur est : et non =

[laurentSc]

Merci, et lamentable ce Pierrot2Mars, vu que le code venait de lui Merci quand même de votre aide à tous les 2.