Solution pour éviter le bug "À"

**loribac** · 03/12/2013, 13h31

Bonjour

J' ai créer une petite appli météo (sans prétention) et adaptée l'api http://openweathermap.org/ Mais j 'ai un problème avec ma page php qui me fait apparaître un À ce qui n 'est pas le cas avec la page en html

Je n 'au aucune idée de comment corriger ce bug voici le lien direct vers cette petit appli http://www.mobilestorm.fr/mobilestorm/relko/mob.php

Merci de votre aide

**NoSmoking** · 03/12/2013, 19h10

Bonjour,
tu as un problème d'encodage de caractères

Passez à l'UTF-8 sans manquer une étape.

Ceci étant jettes un coup d'oeil au HTML généré et corrige les déclarations en doublons

**loribac** · 03/12/2013, 21h55

Merci NoSmoking , le n'avais pas trouvé ce tuto ... Je vais étudié tout cela

Merci

**loribac** · 04/12/2013, 21h42

Bonjour,

après avoir testé toutes les solutions proposées dans le tuto je ne constate aucune solution à ce problème de "À".

en ce qui concerne le code html je ne trouve pas non plus d’incohérences

Voici le code

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
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="fr-fr">
 
 
 
<head>
 
 
  <meta name="viewport" content="width=device-800, height=device-600">
 
 
 
 
  <link rel="SHORTCUT ICON" href="favicon.ico">
 
 
  <title>MobileStorm</title>
</head>
<body>
<table style="text-align: left; width: 202px; height: 32px;" border="1"
 cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td><big><big style="font-weight: bold;">MobileStorm
v1.1</big></big><br>
      <hr style="width: 100%; height: 2px;">Distance
de la Menace<br>
 
 
 
 
Aucune menace détectée dans les 50 kms
 
<br>
      <hr style="width: 100%; height: 2px;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="fr-fr">
<head>
  <title></title>
</head>
<body>
<span style="font-weight: bold;">| <a href="mob2.php">Foudre</a> | <a
 href="mob.php">M&eacute;t&eacute;o</a> |</span><br>
</body>
</html>
<br>
      <hr style="width: 100%; height: 2px;">Derni&egrave;re position le
:02-12-2013 23:22:56 <br>
 
 
<html>
<head>
 
    <link rel="stylesheet" href="http://leaflet.cloudmade.com/dist/leaflet.css" />
    <!--[if lte IE 8]><link rel="stylesheet" href="http://leaflet.cloudmade.com/dist/leaflet.ie.css" /><![endif]-->
    <script src="http://leaflet.cloudmade.com/dist/leaflet.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
 
    <script src="http://openweathermap.org/js/leaflet-layer.js"></script>
 
</head>
 
  <body>
    <div id="map" style="width: 512; height: 512"></div>
 
    <script>
      var osmUrl = 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
          osmAttribution = 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>',
          osmLayer = new L.TileLayer(osmUrl, {maxZoom: 18, attribution: osmAttribution});
 
 
 
 
 
 
 
 
 
 
      var map = new L.Map('map');
      map.setView(new L.LatLng( 47.364409,1.746429), 8)
      map.addLayer(osmLayer);
 
 
 
 
 
      var validatorsLayer = new OsmJs.Weather.LeafletLayer({lang: 'en'});
 
      map.addLayer(validatorsLayer);
    </script>
  </body>
 
</html>
 
 
 
 
 
<br>
      <hr style="width: 100%; height: 2px;">
      <p>L'application MobileStorm
vous permet de conna&icirc;tre votre
position par apport a des ph&eacute;nom&egrave;nes
m&eacute;t&eacute;o
dangereux sur votre
parcours. Gr&acirc;ce a la g&eacute;olocalisation de votre
smartphone
vous pouvez conna&icirc;tre la distance qui vous s&eacute;pare
d'une
zone orageuse</p>
      <p>&nbsp;Donn&eacute;es
du r&eacute;seau StrikeStarEu</p>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      </td>
    </tr>
  </tbody>
</table>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-37751546-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<br>
</body>
</html>

**NoSmoking** · 04/12/2013, 21h57

Je n'ai pas retouché les lignes de code que tu as mis qui sont comme d'habitude très ...., pour que tu puisses repérer les anomalies.

Envoyé par ligne 3

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Envoyé par ligne 37

Envoyé par ligne 8 et 39

<head>

et j'en passe...

De plus sur la dernière source tu avais 2 meta charset contradictoire

Envoyé par ligne 4 old

et un peu plus loin

Envoyé par ligne 11 old

et maintenant tu n'as plus RIEN ????

Mets de l'ordre dans ton code et tire enseignement du lien fourni.

Il existe un outil qui pourrait d'aider, cela s’appelle un validator

Solution pour éviter le bug "À"

HTML

Discussions similaires

Partager

Partager