[Smarty] La police des caractères change si la page a un code javascript

Bonjour à tous.

Veuillez m'excucer, je suis nouveau dans la programmation avec javascript et je suis sur un projet.

J'ai constaté que lorsqu'une de mes pages à le code javascript en function, les caractères devienent plus grands, mais lorsqu'on n'a pas du code javascript tout redevient à la normale.

J'utilise IE 8, Je ne comprend pas. Merci

Peut-être que le script modifie la taille de la police.

Y a t'il un moyen de garder la taille normal ?

il fait quoi le script ???? vire la ligne qui modifie la taille de la police

c'est sur que si tu as un truc comme ça:
Code:

1 2 3 4 5 6 7 8 9 10 <script type="text/javascript"> window.onload=function(){document.body.style.fontSize='40px';} </script> </head> <body> plop </body> </html>

Mon script est juste une function

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
{literal}
	<script language="javascript"/>
		//fonction pour choisir l'action
		function Choixpage(numpage){
			if(numpage==1){
				alert("page1");
			}
			if(numpage==2){
				alert("page2");
			}
		}
	</script>
{/literal}

et le l'appel ainsi :

Code:

1
2
<input name="submit" type="submit" value="Valider Modification" onclick="javascript:Choixpage(1)" />
					   <input name="annuler" type="submit" value="Annuler Modification" onclick="javascript:Choixpage(2)" />

c'est tout, je n'ai pas la ligne de code que vous avez mentionée. Merci

Bonjour,

c'est normal de fermer la balise script avant d'y mettre le code ?

Code:

<script language="javascript"/>

non vire le / ça devrait résoudre le problème

Je viens de virer le "/" du <script language="javascript"/>, mais la taille des caractères n'a pas changé.

Je vous rappelle que ce code est dans un smarty, est célà peut être la source du problème ?

La police des caractères change si la page smarty a un code javascript

Autre chose: Comme j'utilise Dreamweaver 8, si je selectionne un libellé et je procede à des manipulations de la taille et de la police, automatiquement j'ai ce code <style type="text/css">

</style>
sur page. Et lorsque j'execute cette page j'ai ce message d'erreur:

Fatal error: Smarty error: [in service_modif.tpl line 25]: syntax error: unrecognized tag: font-weight: bold (Smarty_Compiler.class.php, line 446) in C:\wamp\www\suivi_acep\smarty\Smarty.class.php on line 1113

Alors pour que ma page s'éxecute avec les modifications, je dois supprimer le code généré automatiquement par Dreamweaver 8.

Alors cet observation me fait croire que smarty et javascript combine augmente automatiquement la taille des caracteres d'une page.

Comment faire l'affichage normal ?
Merci de votre aide.

Smarty ne peut pas changer la taille des caractères, il ne fait que produire le code HTML que tu lui demandes.
C'est ce code HTML qui est interpreté par le navigateur qui décide comment l'afficher.

Pourrais-tu nous fournir un code minimal qui permette de reproduire ton problème ?

Merci à tout,

je vous donne mon code tpl avec bout de code javascript qui augemente la taille des caractères.

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
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
 
{literal}
	<script language='javascript'> 
		function AfficheSce(code_region){ 
			alert(code_region);
		} 
 
	</script>
{/literal}
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<title>{$titre_page}</title>
	<link rel="stylesheet" type="text/css" href="css/general.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/pages_et_rubrique.css" media="screen" />
</head>
<body>
	<div class="conteneur_body">
 
		{include file="logon.tpl"}
		<div class="utilisateur">
		  <div class="déconnexion" align="right"><a href="{$liendeco}">{$deco}</a></div>
		</div>
			{include file="menu.tpl"}
			{include file="smenuconfig.tpl"}
			<div class="interface">
				<h4><span class="style1"><em>Gestion des Services</span></em></h4>
				<p align="center"><font color="#990000" size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>{$message}</strong></font></p>
				<form action="service_ajout.php" method="post" name="form1">
					<fieldset>
					<p align="center"><label for="code_reg">Région : </label>
							<select name="code_reg" onChange="return AfficheSce(this.value)">
								{section name=idx loop=$liste_region}
									<option value="{$liste_region[idx].code_reg}">{$liste_region[idx].libe_reg}</option>
								{/section}
							</select>
					</p>	
					<p align="center">
					  <label for="code_bur">Code Service :</label>				
						<input name="code_sce" type="text" id="code_sce" value="" size="15" />
						<label for="lb_reg">Libéllé :</label>
						<input name="lb_sce" type="text" id="lb_sce" value="" size="35" />
						<label for="nom_rep">Responsable :</label>
						<input name="nom_resp" type="text" value="" size="32" />
					</p>
					</fieldset>
					<p align="center">
					  <input name="submit" type="submit" value="Valider" />
					</p>
				</form>
				<p align="center">Liste des Bureaux créés</p>
 
				<!-- Début du tableau des régions enregistrées-->
				<table width="887">
					<tr style="background-color:teal;color:white;">
					  <th width="180"><div align="center">Région</div></th>
					  <th width="171"><div align="center">Code Bureau</div></th>
					  <th width="171"><div align="center">Bureau</div></th>
					  <th width="193"><div align="center">Responsable</div></th>
					  <th width="60"><div align="center">Modifier</div></th>
					  <th width="84"><div align="center">Suppression</div></th>
					</tr>
					<!--Parcourt les données de la requête pour afficher-->
 
					{section name=idx loop=$liste_bureau}
						<tr style="background-color:{cycle values="#ffffcc, #cccccc"};">
							<td><div align="center">{$liste_bureau[idx].libe_reg}</div></td>
							<td>{$liste_bureau[idx].code_sce}</td>	
							<td>{$liste_bureau[idx].libe_sce}</td>	
							<td>{$liste_bureau[idx].nom_resp}</td>				
							<td><div align="center"><a href=service_modif.php?service={$liste_bureau[idx].code_sce} title="Modifier"><img src="../css/img/Modifier.jpeg" width="20" height="18" border="0" /></a></div></td>
							<td><div align="center"><a href=service_suppr.php?service={$liste_bureau[idx].code_sce} title="Supprimer"><img src="../css/img/Supprimer.jpeg" width="20" height="18" border="0" onClick="return confirm('Voulez-vous supprimer cet enregistrement');" /></a></div></td>							
						</tr>
					{/section}
			  </table>
			</div>
		</div>
</body>
</html>
 
Et voici le code sans le bout de code javascript qui permet l'affichage normal des caractères.
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<title>{$titre_page}</title>
	<link rel="stylesheet" type="text/css" href="css/general.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/pages_et_rubrique.css" media="screen" />
</head>
<body>
	<div class="conteneur_body">
 
		{include file="logon.tpl"}
		<div class="utilisateur">
		  <div class="déconnexion" align="right"><a href="{$liendeco}">{$deco}</a></div>
		</div>
			{include file="menu.tpl"}
			{include file="smenuconfig.tpl"}
			<div class="interface">
				<h4><span class="style1"><em>Gestion des Services</span></em></h4>
				<p align="center"><font color="#990000" size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>{$message}</strong></font></p>
				<form action="service_ajout.php" method="post" name="form1">
					<fieldset>
					<p align="center"><label for="code_reg">Région : </label>
							<select name="code_reg">
								{section name=idx loop=$liste_region}
									<option value="{$liste_region[idx].code_reg}">{$liste_region[idx].libe_reg}</option>
								{/section}
							</select>
					</p>	
					<p align="center">
					  <label for="code_bur">Code Service :</label>				
						<input name="code_sce" type="text" id="code_sce" value="" size="15" />
						<label for="lb_reg">Libéllé :</label>
						<input name="lb_sce" type="text" id="lb_sce" value="" size="35" />
						<label for="nom_rep">Responsable :</label>
						<input name="nom_resp" type="text" value="" size="32" />
					</p>
					</fieldset>
					<p align="center">
					  <input name="submit" type="submit" value="Valider" />
					</p>
				</form>
				<p align="center">Liste des Bureaux créés</p>
 
				<!-- Début du tableau des régions enregistrées-->
				<table width="887">
					<tr style="background-color:teal;color:white;">
					  <th width="180"><div align="center">Région</div></th>
					  <th width="171"><div align="center">Code Bureau</div></th>
					  <th width="171"><div align="center">Bureau</div></th>
					  <th width="193"><div align="center">Responsable</div></th>
					  <th width="60"><div align="center">Modifier</div></th>
					  <th width="84"><div align="center">Suppression</div></th>
					</tr>
					<!--Parcourt les données de la requête pour afficher-->
 
					{section name=idx loop=$liste_bureau}
						<tr style="background-color:{cycle values="#ffffcc, #cccccc"};">
							<td><div align="center">{$liste_bureau[idx].libe_reg}</div></td>
							<td>{$liste_bureau[idx].code_sce}</td>	
							<td>{$liste_bureau[idx].libe_sce}</td>	
							<td>{$liste_bureau[idx].nom_resp}</td>				
							<td><div align="center"><a href=service_modif.php?service={$liste_bureau[idx].code_sce} title="Modifier"><img src="../css/img/Modifier.jpeg" width="20" height="18" border="0" /></a></div></td>
							<td><div align="center"><a href=service_suppr.php?service={$liste_bureau[idx].code_sce} title="Supprimer"><img src="../css/img/Supprimer.jpeg" width="20" height="18" border="0" onClick="return confirm('Voulez-vous supprimer cet enregistrement');" /></a></div></td>							
						</tr>
					{/section}
			  </table>
			</div>
		</div>
</body>
</html>

Merci

Ton javascript devrait etre a l'intérieur de ton document HTML et non pas tout seul avant.

Citation:

Envoyé par sabotage

Ton javascript devrait etre a l'intérieur de ton document HTML et non pas tout seul avant.

Merci à tous.

C'est résolu. Lorsque j'ai placé le bout de code javascript dans <body></body>.
:ccool:
Merci une fois de +