[résolu] Fonction pour agrandir la taille des caractères

BberXIII81 · Message par **BberXIII81** » 19 juil. 2007, 12:08

Bonjour,
Je souhaite munir mon site d'une fonction d'agrandissement/diminution de la taille des caractères pour mes visiteur et cela grâce à deux lien (+ / - ). J'essaye d'éviter tant que possible d'éviter le javascript alors je pensais utiliser du php pour changer de style css, qu'en pensez vous, connaissez vous une autre solution, auriez vous des conseils?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.5) Gecko/20070713 Firefox/2.0.0.5

BberXIII81 · Message par **BberXIII81** » 20 juil. 2007, 12:49

Personne pour m'aider? Tout le monde est en vacance?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.5) Gecko/20070713 Firefox/2.0.0.5

Fabrice.Tres.Net · Message par **Fabrice.Tres.Net** » 20 juil. 2007, 13:01

Fais une recherche sur style alternatif en css . Pour appliquer cette possibilité et passer l'info d'une page à l'autre, il n'y a pas 36 solutions, tu es, à priori, obligé d'utiliser des mécanismes de session ou de cookies.

BberXIII81 · Message par **BberXIII81** » 20 juil. 2007, 13:31

Donc je suit dans la bonne voie en utilisant des styles alternatifs c'est ce que je voulait savoir et si quelqu'un avait d'autres solutions. Merci Fabrice.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.5) Gecko/20070713 Firefox/2.0.0.5

BberXIII81 · Message par **BberXIII81** » 25 juil. 2007, 19:26

Voila ce que j'ai fait,
le formulaire :

Code : Tout sélectionner

<hr />PROPRIETES DU TEXTE<hr />
<form method="post" action="index.php">
<div>
<span>Taille :</span><br>
<input name="taille" value="100" type="radio">100%<br>
<input name="taille" value="150" type="radio">150%<br>
<input name="taille" value="200" type="radio">200%<br><br>
<span>Style :</span><br>
<input name="style" value="normal" type="radio">Normal<br>
<input name="style" value="gras" type="radio">Gras<br><br />
<input value="Changer les propriétés" name="Changer les propriétés" type="submit">
</form>
</div>

le <head> de ma page xhtml :

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>PUISSANCE XIII - Tout le rugby à 13.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<?php
$police = $_POST['police'];
$taille = $_POST['taille'];
$style = $_POST['style'];
$couleur = $_POST['couleur'];

if ($taille == '150' AND $style == 'normal') {<link rel="stylesheet" media="screen" type="text/css" href="design1.css" />}
elseif ($taille == '200' AND $style == 'normal') {<link rel="stylesheet" media="screen" type="text/css" href="design2.css" />}
elseif ($taille == '100' AND $style == 'gras') {<link rel="stylesheet" media="screen" type="text/css" href="design3.css" />}
elseif ($taille == '150' AND $style == 'gras') {<link rel="stylesheet" media="screen" type="text/css" href="design4.css" />}
elseif ($taille == '200' AND $style == 'gras') {<link rel="stylesheet" media="screen" type="text/css" href="design5.css" />}
else (<link rel="stylesheet" media="screen" type="text/css" href="design.css" />}
?>
<link rel="icon" type="image/png" href="favicon.png" />
<!--[if IE]><link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /><![endif]-->
</head>

les propriétés css qui change:

Code : Tout sélectionner

body { font-size: 200%; font-weight:bold; }

Mais ma page ne s'affiche même plus, j'ai un message d'erreur à la ligne 12, qu'es-ce qui ne va pas?

Sinon, peut-on indiquer une feuille de style comme url d'action d'un formulaire et y intégrer des variantes?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.5) Gecko/20070713 Firefox/2.0.0.5

Message par **Benoit** » 25 juil. 2007, 20:42

Ce qui ne va pas c'est que tu mélanges ton code HTML et ton code PHP.

Il faut soit fermer les balises PHP, soit utiliser l'instruction echo pour afficher tes balises "link".

BberXIII81 · Message par **BberXIII81** » 25 juil. 2007, 20:50

C'est à dire mettre écho comme çà :

Code : Tout sélectionner

elseif ($taille == '200' AND $style == 'gras') {echo"<link rel="stylesheet" media="screen" type="text/css" href="design5.css" />"}

?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.5) Gecko/20070713 Firefox/2.0.0.5

Message par **chBok** » 26 juil. 2007, 08:46

...Sans mettre que des guillemets doubles, et avec un point virgule à la fin du dernier guillemet aussi.

Message par **Benoit** » 26 juil. 2007, 11:26

C'est-à-dire comme ça :

Code : Tout sélectionner

elseif ($taille == '200' AND $style == 'gras') { echo '<link rel="stylesheet" media="screen" type="text/css" href="design5.css" />'; }

(c'est ce qu'a dit chBok mais c'est peut-être plus clair avec un exemple)

BberXIII81 · Message par **BberXIII81** » 26 juil. 2007, 14:19

Ma page est réapparue mais aucun changement de style n'est effectif.

J'en reviens donc à me demander s'il est possible d'intégrer des variantes dans une feuille de style et de l'indiquer comme url d'action d'un formulaire?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.5) Gecko/20070713 Firefox/2.0.0.5

Message par **Benoit** » 26 juil. 2007, 14:53

Ce qui te manque sans doute c'est l'enregistrement du choix dans un cookie, non ?

BberXIII81 · Message par **BberXIII81** » 26 juil. 2007, 15:15

Peut-être,
Mon site utilise en fait une seule page index.php qui inclue des page html, je pensait qu'une fois les variantes transmises à celle-ci, elle n'aurait pas besoin d'être rechargés puisque la page ne change pas, non?

Et pour les variantes dans la feuille de stye, tu ne pourrais pas me dire si c'est possible ou pas? si c'est le cas çà me serait plus simple je n'aurait plus qu'à utiliser une seule feuille de style et plus besoin de conditions php.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.5) Gecko/20070713 Firefox/2.0.0.5

Message par **Benoit** » 26 juil. 2007, 16:28

Ce qui existe, ce sont les feuilles de style alternatives. C'est-à-dire que tu fais référence à tes cinq feuilles différentes dans ta page, mais tu ajoutes "alternate" devant "stylesheet" et tu leur donnes un titre.

On peut alors les choisir via Affichage > Style de la page. Mais pour IE qui n'a pas ce menu, il faut quand même faire quelque chose en JavaScript ou côté serveur pour passer de l'une à l'autre.

BberXIII81 · Message par **BberXIII81** » 26 juil. 2007, 16:43

Merci, je viens de me rendre compte, grâce à toi, qu'il y avait, sur les navigateur, des foncions pour augmenter ou diminuer la taille des caractères ce que comme moi, beaucoup de surfeur on tendance à oublier, je vais donc me servir d'une étiquette sur mon image pour le rappeler, çà m'évitera de développer une fonction pour changer de style.
Pour firefox les raccourcis clavier sont ctrl++ et ctrl+-
Quelqu'un peut-il me dire quels sont les autres, pour les autres navigateurs?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.5) Gecko/20070713 Firefox/2.0.0.5

Message par **Benoit** » 26 juil. 2007, 17:50

Dans Internet Explorer c'est pareil (Ctrl++, Ctrl+-), et dans Opera ce sont des touches numériques (0 et 9).

Voir http://www.mozilla.org/support/firefox/keyboard

Il y a aussi Ctrl+0 pour revenir à la taille "normale", et on peut également utiliser la molette de la souris à la place des touches + et - (en maintenant la touche Ctrl enfoncée).

Geckozone

[résolu] Fonction pour agrandir la taille des caractères

[résolu] Fonction pour agrandir la taille des caractères

Qui est en ligne ?