Discussion :

[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]

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 :

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

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 :

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

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

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 :

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

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 :

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

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 :

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

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 :

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

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 :

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

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

Corrigé :

Code :

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

$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 :

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

$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 :

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

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 :

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

font-size=30px;

mais

Code :

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

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.