Problème d'encodage avec une base MySQL en UTF-8

**Loup solitaire** · 11/08/2014, 18h29

Bonjour à toutes et à tous,

Je rencontre un problème avec l'encodage des caractères spéciaux en UTF-8.

Voici les informations principales :
- Logiciel de codage : Notepad++ (encodage défini en UTF-8 dedans)
- Base de donnée Mysql 5.6.17 : encodage de base et des tables défini en UTF-8
- Page WEB en HTML5 : charset défini en UTF-8

Là a première vue je n'ai rien oublié, hélas pour moi il doit y avoir quelque chose qui ne passe pas car les caractères avec accents de la BDD ne sont pas reconnus pas le navigateur web (testé avec FF31.0 et IE 10)

voici donc une partie de mon 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
<!DOCTYPE html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<title>Demande de changement - DRH</title>
	<link rel="stylesheet" type="text/css" href="css2.css" media="all"/>
	<script type="text/javascript" src="view.js"></script>
	<script type="text/javascript" src="calendar.js"></script>
</head>
 
...
 
			<div class="right">	
				<label class="description">Mat&eacute;riel</label>
<?php
        $result = $bdd->query('SELECT idmateriel, typemateriel FROM materiel WHERE materielactif=1');
        while($row = $result->fetch()) {
                echo '<input id="mat_'.$row['idmateriel'].'" name="'.$row['idmateriel'].'" class="checkbox" type="checkbox" value="1" />
                                <label class="choice" for="mat_'.$row['idmateriel'].'">'.$row['typemateriel'].'</label><br/>';
        }
        $result->closeCursor();//termine le traitement
?>
			</div>

Oui je sais c'est une requête PHP en fin de code, voici donc le résultat de la requête :

Code :

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

1
2
3
4
5
6
7
8
9
10
<div class="right">	
				<label class="description">Mat&eacute;riel</label>
<input id="mat_1" name="1" class="checkbox" type="checkbox" value="1" />
				<label class="choice" for="mat_1">Pc fixe</label><br/><input id="mat_2" name="2" class="checkbox" type="checkbox" value="1" />
				<label class="choice" for="mat_2">Pc portable</label><br/><input id="mat_3" name="3" class="checkbox" type="checkbox" value="1" />
				<label class="choice" for="mat_3">Station d'accueil</label><br/><input id="mat_4" name="4" class="checkbox" type="checkbox" value="1" />
				<label class="choice" for="mat_4">Ecran secondaire</label><br/><input id="mat_5" name="5" class="checkbox" type="checkbox" value="1" />
				<label class="choice" for="mat_5">T�l�phone fixe</label><br/><input id="mat_6" name="6" class="checkbox" type="checkbox" value="1" />
				<label class="choice" for="mat_6">T�l�phone portable</label><br/>
</div>

On constate déjà que le code source donné par FF à un problème avec les accents.

Voici le rendu visuel :
Nom : 2014-08-11_181747.jpg
Affichages : 339
Taille : 13,6 Ko