régler la taille des caractères

**laurentSc** · 17/05/2011, 01h23

Bonsoir,

je développe un site où il faudrait pouvoir changer la taille des caractères (pour les mal-voyants). J'ai donc 2 boutons A+ et A- qui appellent respectivement quand on clique dessus les codes :
A+ :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?php
session_start();
$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;
?>

A-:

Code :

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

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

Mais dès que je clique sur A+, la valeur vaut 30 et dès que je clique sur A- elle est à 10 ; je ne vois pas pourquoi. Quelqu'un peut-il le voir ?

**andry.aime** · 17/05/2011, 11h08

Bonjour,

Code :

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

switch(intval($taille_pol))

A+.

**laurentSc** · 17/05/2011, 11h43

Ca ne change rien

**andry.aime** · 17/05/2011, 13h47

Essaie avec:

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
<?php
session_start();
$taille_pol= (!isset($_COOKIE["taille_pol"]))? "12":$_COOKIE["taille_pol"];
$temp="";
switch(intval($taille_pol)) {
	case 10 : $temp= "10"; break;
	case 12 : $temp= "10"; break;
	case 15 : $temp= "12"; break;
	case 20 : $temp= "15"; break;
	case 30 : $temp= "20"; break;
	default : $temp= "12"; break;
}
setcookie("taille_pol",  $temp);
$_SESSION['size']=$temp;
?>

**Benjamin Delespierre** · 17/05/2011, 14h40

Pour t'aider dans la réalisation d'un layout fluide avec des tailles de police, voici un excellent article qui explique le rôle des em dans le dimensionnement: http://jontangerine.com/log/2007/09/...youts-with-css

Mais dès que je clique sur A+, la valeur vaut 30 et dès que je clique sur A- elle est à 10 ; je ne vois pas pourquoi. Quelqu'un peut-il le voir ?

Je n'arrive pas à reproduire le problème:

Code :

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

1
2
3
4
5
6
7
8
9
10
$a = "1";
switch ($a) {
  case 1: $a = "2"; break;
  case 2: $a = "3"; break;
  case 3: $a = "4"; break;
  case 4: $a = "5"; break;
  case 5: $a = "6"; break;
}
 
echo "\$a vaut $a"; // on a bien "$a vaut 2" ici...

Je penche pour plusieurs appel successifs involontaires...

Tu fais ça avec JavaScript ? Quel est le code et la forme de l'élément qui supporte l'action onclick ? Si tu fais ça avec Ajax, regarde combien de requêtes XHR partent avec FireBug.

**Pierrot2Mars** · 17/05/2011, 15h35

Tu as toujours l'erreur de parenthèse mal placée ici :

Code :

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

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

Essaye comme ça ...

Code :

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

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

**andry.aime** · 17/05/2011, 15h41

Envoyé par Pierrot2Mars

Tu as toujours l'erreur de parenthèse mal placée ici :

Code :

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

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

Essaye comme ça ...

Code :

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

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

Ben non, les positions de ses parenthèses sont correctes.

A+.

**Pierrot2Mars** · 17/05/2011, 15h42

En tout cas ça marche chez moi

**laurentSc** · 17/05/2011, 16h06

voici un excellent article qui explique le rôle des em dans le dimensionnement

Si j'ai bien compris, même si c'est plus propre, ça ne changerait rien.

Quel est le code et la forme de l'élément qui supporte l'action onclick ?

Code :

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

<a href="../agrandir/index.php">A+</a>

Donc ce n'est ni du js ni de l'ajax, mais juste du html...

Ben non, les positions de ses parenthèses sont correctes.

Oui, et ce code doit être bon aussi :

Code :

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

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

(plus de parenthèse mal placée

) Mais le comportement reste le même...

Je penche pour plusieurs appel successifs involontaires...

Je suis parfaitement d'accord, mais je ne vois pas où...

**Benjamin Delespierre** · 17/05/2011, 16h28

Si j'ai bien compris, même si c'est plus propre, ça ne changerait rien.

C'est juste pour aider.

Je suis parfaitement d'accord, mais je ne vois pas où...

Vu que c'est pas JS qui s'en occupe (et ça devrait soit dit en passant) c'est peut être un mécanisme d'inclusion multiple dans tes scripts. Comment ça se passe au niveau du callflow lors du clic sur A+ ou A- ? Fais-tu des include ou des include_once ?

**laurentSc** · 17/05/2011, 16h53

Vu que c'est pas JS qui s'en occupe (et ça devrait soit dit en passant)

Comment tu verrais les choses ?

Comment ça se passe au niveau du callflow

C'est quoi le callflow ?

Fais-tu des include ou des include_once ?

Aucun include.

**Pierrot2Mars** · 17/05/2011, 16h57

Montre nous ta page ou sont tes liens :

Code :

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

<a href="../agrandir/index.php">A+</a>

Je ne comprends pas trop ton système...

**laurentSc** · 17/05/2011, 17h10

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="fr" >
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<title>essai</title>
<meta http-equiv="content-style-type" content="text/css">
<meta name="generator" content="Lauyan TOWeb 3.1.7.579">
<style type="text/css"> body { background-attachment: fixed; background-repeat: repeat; background-position: top center;}</style>







<link rel="stylesheet" href="../_frame/site.css" type="text/css">
<style type="text/css" media="print">
.wg-maxheight {}
</style>
<style type="text/css" media="screen">
.wg-maxheight { height:100%; }
</style>
</head>
<body>
<table bgcolor="#FFCCFF" class="wg-maxheight" border="0" cellspacing="0" cellpadding="0" width="100%">
<!--BANNER-->
<tr><td align="center" valign="top" style="height:1px" bgcolor="#FF99FF"><table class="wg-paragraph" width="100%"><tr><td width="33%" valign="top" align="left"><font style="font-size:80%;">Copyright &copy; 2011. Tous droits réservés.</font></td><td width="33%" valign="top" align="center"><font style="font-size:80%;">

<a href="../agrandir/index.php">A+</a> <a href="../diminuer/index.php">A-</a></font></td><td width="33%" valign="top" align="right"><font style="font-size:80%;">essai</font></td></tr></table><a href="../introduction/index.html"><img src="../_frame/banusr.png" border="0" alt=""></a></td></tr>
<tr>
 <td valign="top" class="wg-maxheight">
       <table width="100%" class="wg-maxheight" cellpadding="0" cellspacing="0">
        <tr>
         <td valign="top" bgcolor="#FFCCFF" >
          <table width="100%" class="wg-maxheight" cellpadding="0" cellspacing="0">
           <tr>
            <td valign="top" >
<table class="wg-paragraph" cellspacing="2" width="100%"><tr><td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td><table width="100%"><tr><td valign="top" width="33%"><a name="bv000001"></a><table class="wg-paragraph" width="100%"><tr><td style="text-align:justify"><!-- Entrez le script du champ ici. Ce contenu sera inséré tel quel dans votre site.

//-->

 <div id="corps"> <br>
<script language="javascript">
sfHover = function() {
var sfEls = document.getElementById("menu").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>
<style>
#menu, #menu ul /* Liste */ {
padding : 0; /* pas de marge intérieure */
margin : 0; /* ni extérieure */
list-style : none; /* on supprime le style par défaut de la liste */
line-height : 21px; /* on définit une hauteur pour chaque élément */
text-align : center; /* on centre le texte qui se trouve dans la liste */
}
#menu /* Ensemble du menu */
{
font-weight : bold; /* on met le texte en gras */
font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
font-size : 12px; /* hauteur du texte : 12 pixels */
}
#menu a /* Contenu des listes */
{
display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
padding : 0; /* aucune marge intérieure */
background : #000; /* couleur de fond */ color : #fff; /* couleur du texte */
text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
width : 160px; /* largeur */
}
#menu li /* Elements des listes */ { float : left; /* pour IE qui ne reconnaît pas "transparent" */
border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}
#menu li ul /* Sous-listes */
{ position: absolute; /* Position absolue */
width: 160px; /* Largeur des sous-listes */
left: -999em; /* Hop, on envoie loin du champ de vision */
}
#menu li ul li /* Éléments de sous-listes */
{
/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li {
border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}
#menu li ul ul {
margin : -22px 0 0 160px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
border-left : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */ }
/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul {
border-left : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
#menu a:hover /* Lorsque la souris passe sur un des liens */ {
color: #000; /* On passe le texte en noir... */
background: #fff; /* ... et au contraire, le fond en blanc */
}
#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
left: auto; /* Repositionnement normal */
min-height: 0; /* Corrige un bug sous IE */
}
</style>
<ul id="menu">
  <li> <a
 href="http://vercorshandisport.org/testdjtoon/topic/index.html">essai</a>
  </li>
  <li> <a
 href="http://vercorshandisport.org/testdjtoon/pagemdp/index.html">page
mdp</a> </li>
  <li> <a
 href="http://vercorshandisport.org/testdjtoon/groupederubrique/index.html">rep
avec sous-sous-rubriques</a>
    <ul>
      <li> <a
 href="http://vercorshandisport.org/testdjtoon/rep1/index.html">rep
1</a>
        <ul>
          <li><a
 href="http://vercorshandisport.org/testdjtoon/sousrep1/index.html">sous
rep 1</a></li>
          <li><a
 href="http://vercorshandisport.org/testdjtoon/sousrep2/index.html">sous
rep 2</a></li>
        </ul>
      </li>
      <li> <a
 href="http://vercorshandisport.org/testdjtoon/rep2/index.html">rep
2</a> </li>
    </ul>
  </li>
</ul> <br></td></tr></table></td><td valign="top" width="53%"><a name="bv000002"></a><table class="wg-paragraph" bgcolor="#FF99FF" width="100%"><tr><td style="text-align:justify"><!-- Entrez le script du champ ici. Ce contenu sera inséré tel quel dans votre site.

//-->
caracteres japonais :?????(????)??<br>
unicode : これは試み（エッセイ）です<br>
iframe : <iframe src="http://vercorshandisport.org/japonais/test.html"></iframe> <br></td></tr><tr><td align="center">
<script language="JavaScript1.2">
  function validateForm_bv000002( objForm )
  {
    if( objForm.listedechoix.value.length == 0 )
    {
      alert( "Champ \"Liste de choix\" obligatoire !" );
      return false;
    }
    if( objForm.nom.value.length > 50 )
    {
      alert( "Le champ \"Nom\" est trop grand. Seulement 50 caractères maximum autorisés !" );
      return false;
    }
    return true;
  }
</script>
<form method="post" onsubmit="return validateForm_bv000002( this );" action="mailto:sch@aol.com?subject=test" ENCTYPE="text/plain">
<table border="0">
<tr>
  <td align="right">Liste de choix<font color="red"><sup>*</sup></font></red></td>
  <td align="left"><select class="wg-formfield" name="listedechoix" style="width:150px;"><option class="wg-formfield" value="field" selected></option><option class="wg-formfield" value="champ1">champ1</option><option class="wg-formfield" value="champ2">champ2</option></select></td>
</tr>
<tr>
  <td align="right">Liste de choix</td>
  <td align="left"><select class="wg-formfield" name="listedechoix2" style="width:150px;"><option class="wg-formfield" value="toto">toto</option><option class="wg-formfield" value="titi">titi</option></select></td>
</tr>
<tr>
  <td align="right">Nom</td>
  <td align="left" valign="top"><input class="wg-formfield" type="text" name="nom" value="" maxlength="50" style="width:150px;">
</td>
</tr>
<tr><td colspan="2"><input type="submit"  value="Envoyer"></td></tr></table></form></td></tr></table></td><td valign="top" width="33%"><a name="bv000004"></a><img src="../_frame/blank.gif" alt="" height="10" width="1"><table class="wg-paragraph" width="100%"><tr><td><h2>Titre de paragraphe</h2></td></tr><tr><td style="text-align:justify"><!-- Entrez le script du champ ici. Ce contenu sera inséré tel quel dans votre site.

//-->
<?php
//session_start();
if (isset($_SESSION['size'])) echo '#id1 { font-size='.intval($_SESSION['size']).'px; }';
echo "taille=".$_SESSION['size']."<br>";
?>
<p id="id1">
coucou
</p> <br><br></td></tr></table></td><td valign="top" width="33%"><a name="bv000005"></a><img src="../_frame/blank.gif" alt="" height="10" width="1"><table class="wg-paragraph" width="100%"><tr><td><h2>Titre de paragraphe</h2></td></tr><tr><td style="text-align:justify">Saisissez le texte du paragraphe ici</td></tr></table></td><td valign="top" width="50%"><a name="bv000003"></a><img src="../_frame/blank.gif" alt="" height="10" width="1"><table class="wg-paragraph" width="100%"><tr><td><h2>Titre de paragraphe</h2></td></tr><tr><td style="text-align:justify">Paragraphe tout à droite<br><!-- Entrez le script du champ ici. Ce contenu sera inséré tel quel dans votre site.

//-->

 </div>*</td></tr></table></tr></table></td></tr></table></td></tr></table><br><hr><table width="100%"border="0" class="wg-paragraph"><tr><td width="100%"  valign="top" align="center"><font style="font-size:80%;"><a href="../topic/index.php">essai</a><br></font></td></tr></table>
            </td>
           </tr>
          </table>
         </td>
        </tr>
       </table>
 </td>
</tr>
</table>

</body></html>

Comme le gras était très peu visible, je les ai soulignés (juste après le body)(et j'utilise un outil générateur de site web, donc y a plein de code pas de moi, notamment la mise en page dégueu à base de table html...)

**Pierrot2Mars** · 17/05/2011, 17h16

Et lorsque l'on clique sur les liens A+ et A- on est dirigé vers les scripts en question ?
Tu fais une redirection après l'exécution de ces scripts ?

**Benjamin Delespierre** · 17/05/2011, 18h20

Comment tu verrais les choses ?

Avec un script JS capable de modifier la propriété font-size de body dynamiquement, ce qui évite le rechargement de la page. Si tout le dimensionnement de ton site est fait en em, la taille des blocs changera elle aussi. On appelle cela un design élastique.

C'est quoi le callflow ?

Quels sera l'enchainement de tes scripts PHP pour cette requête ?

j'utilise un outil générateur de site web, donc y a plein de code pas de moi, notamment la mise en page dégueu à base de table html...

Si ton but est de faire un site accessible - surtout pour les handicapés - utiliser des tableaux pour la mise en page n'est pas vraiment la meilleur chose à faire.
Voici quelques guides pour atteindre ce but: https://checklists.opquast.com/opquastv2
Tu trouvera également quelques ressources sur Wikipedia: http://en.wikipedia.org/wiki/Web_accessibility

**laurentSc** · 17/05/2011, 19h08

utiliser des tableaux pour la mise en page n'est pas vraiment la meilleur chose à faire.

Je le sais bien : http://xhtml.developpez.com/faq/?pag...u_mise_en_page . Aussi ai-je demandé cette évolution sur l'outil que j'utilise, mais c'est pas gagné, car ça doit représenter un gros chamboulement pour eux...

Quels sera l'enchainement de tes scripts PHP pour cette requête ?

Pour l'instant le script PHP est exécuté et c'est tout, mais comme m'y a fait penser Pierrot2mars, il faudrait que je rajoute une redirection à la fin, mais ça fera qu'on arrivera au même endroit quelle que soit la page d'où a été appelé le script....

**laurentSc** · 17/05/2011, 23h34

Je penche pour plusieurs appel successifs involontaires...

Comme je me doutais de ça, j'ai fait un truc pour le contrôler et je n'arrive pas à comprendre ce qu'il se passe : j'ai désormais les 2 scripts suivants :
sur A+ :

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
<?php 
session_start();
$taille_pol= !isset($_COOKIE["taille_pol"])? "12":$_COOKIE["taille_pol"];
$nb_appel= (!isset($_COOKIE["nb_appel"]))? "0":$_COOKIE["nb_appel"];
$nb_appel++;
$avant_modif=$taille_pol;
$temp="";
switch(intval($taille_pol)) {
	case 10 : $temp= "12"; break;
	case 12 : $temp= "15"; break;
	case 15 : $temp= "20"; break;
	case 20 : $temp= "30"; break;
	case 30 : $temp= "30"; break;
	default : $temp= "12"; break;
}
setcookie("nb_appel",  $nb_appel);
setcookie("taille_pol",  $temp);
$_SESSION['size']=$temp;
 
echo "taille avant=".$avant_modif."<br>";
echo "taille apres=".$taille_pol."<br>";
echo "nb_appel=".$nb_appel."<br>";
?>

et sur A- :

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
<?php
session_start();
$taille_pol= (!isset($_COOKIE["taille_pol"]))? "12":$_COOKIE["taille_pol"];
$nb_appel= (!isset($_COOKIE["nb_appel"]))? "0":$_COOKIE["nb_appel"];
$nb_appel++;
$avant_modif=$taille_pol;
$temp="";
switch(intval($taille_pol)) {
	case 10 : $temp= "10"; break;
	case 12 : $temp= "10"; break;
	case 15 : $temp= "12"; break;
	case 20 : $temp= "15"; break;
	case 30 : $temp= "20"; break;
	default : $temp= "12"; break;
}
setcookie("nb_appel",  $nb_appel);
setcookie("taille_pol",  $temp);
$_SESSION['size']=$temp;
 
echo "taille avant=".$avant_modif."<br>";
echo "taille apres=".$taille_pol."<br>";
echo "nb_appel=".$nb_appel."<br>";
?>

Donc à mon avis, il y a un seul cookie "nb_appel" ; et bien en réalité, il y en a 2, sachant que celui sur A+ est indépendant de celui sur A-. Quelqu'un comprend-il ? (Et par contre, ils ont beau être indépendants, si je clique N fois sur A+, il s'incrémente de N)(j'y comprends rien)

**laurentSc** · 18/05/2011, 23h49

En théorie, il existe un seul cookie ($_COOKIE['nb_appel']), mais j'ai fait un code qui met en évidence qu'il y en a 2 :
code appelé sur A+ :

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
<?php
session_start();
$taille_pol= !isset($_COOKIE["taille_pol"])? "12":$_COOKIE["taille_pol"];
$nb_appel= (!isset($_COOKIE["nb_appel"]))? "0":$_COOKIE["nb_appel"];
$nb_appel++;
$avant_modif=$taille_pol;
$cookie_avant = $_COOKIE["nb_appel"];
$temp="";
switch(intval($taille_pol)) {
	case 10 : $temp= "12"; break;
	case 12 : $temp= "15"; break;
	case 15 : $temp= "20"; break;
	case 20 : $temp= "30"; break;
	case 30 : $temp= "30"; break;
	default : $temp= "12"; break;
}
setcookie("nb_appel",  $nb_appel);
setcookie("taille_pol",  $temp);
$_SESSION['size']=$temp;
 
echo "taille avant=".$avant_modif."<br>";
echo "taille apres=".$taille_pol."<br>";
echo "nb_appel=".$nb_appel."<br>";
echo "cookie avant=".$cookie_avant."<br>";
?>...

code appelé sur A- :

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
<?php
session_start();
$taille_pol= (!isset($_COOKIE["taille_pol"]))? "12":$_COOKIE["taille_pol"];
$nb_appel= (!isset($_COOKIE["nb_appel"]))? "0":$_COOKIE["nb_appel"];
$nb_appel++;
$avant_modif=$taille_pol;
$cookie_avant = $_COOKIE["nb_appel"];
$temp="";
switch(intval($taille_pol)) {
	case 10 : $temp= "10"; break;
	case 12 : $temp= "10"; break;
	case 15 : $temp= "12"; break;
	case 20 : $temp= "15"; break;
	case 30 : $temp= "20"; break;
	default : $temp= "12"; break;
}
setcookie("nb_appel",  $nb_appel);
setcookie("taille_pol",  $temp);
$_SESSION['size']=$temp;
 
echo "taille avant=".$avant_modif."<br>";
echo "taille apres=".$taille_pol."<br>";
echo "nb_appel=".$nb_appel."<br>";
echo "cookie avant=".$cookie_avant."<br>";
?>...

Quelqu'un peut-il expliquer ?

**ABCIWEB** · 19/05/2011, 04h10

C'est vraiment hyper compliqué ton système. Pourquoi tu ne fais pas passer une variable dans l'url genre :

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
$taille_pol = isset($_COOKIE["taille_pol"])? $_COOKIE["taille_pol"] : 12;
 
$taille_pol = isset($_GET['taille_pol'])? $_GET['taille_pol'] + $taille_pol : $taille_pol;
 
if($taille_pol > 40) $taille_pol = 40;
if($taille_pol < 6) $taille_pol = 6;
 
if (isset($_GET['taille_pol']))
{
	setcookie("taille_pol", $taille_pol);
}
 
echo $taille_pol;
?>
<a href="?taille_pol=2">A+</a> 
<a href="?taille_pol=-2">A-</a>

**laurentSc** · 19/05/2011, 11h33

Un post à plus de 3h du matin, je suis battu

(environ 2h30...)
Je viens d'essayer ton truc, qui ne me semble pas tellement plus simple que ce que je faisais. (J'ai dû le modifier un peu pour que l'info soit accessible dans d'autres pages (variable de session) et j'ai enlevé la condition sur le setcookie (je sais pas pourquoi, mais sinon, ça ne marche pas)). Il y a un avantage : la variable $taille_pol est correctement modifiée, mais par contre le "coucou" ne change plus de taille malgré ce code :

Code :

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

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

alors que le echo de "taille" me montre que la variable de session est correcte. Vois-tu pourquoi ? (Avant, ça marchait...)

régler la taille des caractères

Langage PHP

Discussions similaires

Partager

Partager