Encodage dans un champ type input

Version imprimable

2 pièce(s) jointe(s)

Bonjour, tous d'abord je tiens a remercier la ou les personnes qui m'aideront.
Je suis sur un gros projet et j'ai un soucis avec un script d'autocompletion.

J'ai trouvé un bon de code que j'ai adapté a ma sauce pour faire de l'autocomplétion en javascript, php et mysql.

Le script est assez simple, il va cherche dans une table et affiche des valeurs sous le champ input.

les valeurs affichée apparaisse parfaitement mais lorsqu'on la sélection et qu'elle s'affiche dans le champs pour lancer la requet, la valeur s'affiche avec ces $eacute a la place des accent, des ' a la place des '

J'ai essayé de transformer ma valeur php par un nl2br ou un html_entity_decode mais ca ne marche pas. A mon avis le problèem est dans le script javascript et la, je ne maitrise pas assez !

Je vous met le code ci-dessous.

AFFICHAGE DU CHAMPS :
Code:

1 2 3 $(document).ready(function() { $('#langages').autocomplete('autocompletion/query.php'); });
Code:

<input type="text" NAME="critereRecherche" id="langages" class="search" placeholder="Votre recherche..." />

FICHIER QUERY.PHP QUI FAIT LA REQUET SQL
--------------------------------------------
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <?php // si on reçoit une donnée if(isset($_GET['q'])) { $q = htmlentities($_GET['q']); // protection // connexion à la base de données try { $bdd = new PDO('mysql:host=localhost;dbname=myBase', 'test', 'test'); } catch(Exception $e) { exit('Impossible de se connecter à la base de données.'); } // écriture de la requête $requete = "SELECT SHOP_NOM FROM shop WHERE SHOP_NOM LIKE '". $q ."%' LIMIT 0, 10"; // exécution de la requête $resultat = $bdd->query($requete) or die(print_r($bdd->errorInfo())); // affichage des résultats while($donnees = $resultat->fetch(PDO::FETCH_ASSOC)) { echo $donnees['SHOP_NOM'] ."\n"; } } ?>
Fichier javascript je le met en pieces jointes car il fait quasi 1000 lignes !

Merci infiniment pour votre aide.

27/09/2013, 11h01
danielhagnoul

Bonjour

Je pense qu'il s'agit d'un simple problème d'encodage, tous vos fichiers et sources de données ne sont pas en UTF-8.
27/09/2013, 11h23
hellworld

Merci pour votre réponse.

Alors concernant l'encodage des pages. J'ai tenté de forcé avec

Code:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

Mais rien ne change, cependant le server est configuré en ISO Latin 1 (ISO-8859-1).

Quand aux champ dans la base Mysql il s'agit de latin1_swedish_ci

Y a t'il des incohérence dans tout cela ? Comment corrigeriez-vous cela ?

Personnellement je pense plus qu'il faut faire un moment donné une conversion de caractère.
Par exemple, dans le php si au moment de renvoyé la chaine de caractère je lui ajoute

Code:

echo htmlentities($donnees['SHOP_NOM']) ."\n";

Alors le resultat de ma recherche aura les accents converti en &eacute

Donc si on peux faire l'inverse de htmlentites mais probablement dans le javascript au moment ou l'ont affiche la valeur dans l'input, ca devrai marcher mais je ne trouve pas ou ni comment le faire !

Merci

Moi personnellement j'utiliserais jQuery ui autocomplete : link

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
<?php
header('Content-type: application/json');
// si on reçoit une donnée
if(isset($_GET['q'])) {
    $q = htmlentities($_GET['q']); // protection
 
    // connexion à la base de données
    try {
        $bdd = new PDO('mysql:host=localhost;dbname=myBase', 'test', 'test');
    } catch(Exception $e) {
        exit('Impossible de se connecter à la base de données.');
    }
 
    // exécution de la requête
try { 
    $resultat = $bdd->query("SELECT SHOP_NOM FROM shop WHERE SHOP_NOM LIKE :q LIMIT 0, 10");
 $resultat->bindValue(':q', $q, PDO::PARAM_STR);
 $resultat->execute();
 
} catch(PDOException $e) {  
  print_r($bdd->errorInfo());
} 
    // affichage des résultats
    while($donnees = $resultat->fetch(PDO::FETCH_ASSOC)) {
        $list[]= $donnees['SHOP_NOM'];
    }
echo json_encode($list);
}
?>

et je récupere le résultat avec ajax

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
$.ajax({
  type: 'GET',
  url: 'autocompletion/query.php',
data: {   q: q
      },
success:function(list){
  $('#langages').autocomplete({
    source: list
  });
},
error:function(){
// msg d'erreur
}
});

27/09/2013, 12h10
hellworld

J'ai jetter un oeil a jQuery ui autocomplete mais je n'ai pas reussi a l'adapter a un appel de base Mysql.

Je comprend pas bien l'exemple que tu me donne, est-ce tu aurai un exemple fonctionnel stp ? Désolé mais Ajax c'est tout frais pour moi... 24h que je m'y interesse et je comprend pas tout !

Merci beaucoup
27/09/2013, 13h29
SpaceFrog

Je suis de l'avis de Daniel ...
jette plutot un oeil sur ce lien http://j-willette.developpez.com/tut...-site-en-utf8/

si ton serveur ne retourne pas de l'utf-8 que ce soit à cause de la base, ou des fichiers, et si tu ne peux pas tout mettre ne utf-8, regarde alors du coté des fonctions de conversion iconv() utf8_encode ou utf8-decode ou mb_convert coté serveur...

Il y a l'exemple donné sur le site de jQuery UI dans la partie "Remote datasource" qui semble convenir le plus à tes besoins... mais il y a des choses qui ne sont pas clair pour moi non plus. Ceci dit je vais devoir l'adapter moi meme à un projet sur lequel je travail actuellement. Je n'ai pas énormément de mot clé pour le moment mais ca risque de changer... donc je mettrais mon code commenté une fois que j'aurais réussis à le faire fonctionner.

mais le principe est plus tot simple à priori
Code:

1 2 3 4 5 6 7 8 9 10 11 $( "#birds" ).autocomplete({ source: "search.php", //minLenght pour dire qu'il ne va faire une requete qu'au 2eme caractère saisi minLength: 2, //bon apparemment ca c'est un événement pour lui dire quoi faire de l'élément choisi select: function( event, ui ) { log( ui.item ? "Selected: " + ui.item.value + " aka " + ui.item.id : "Nothing selected, input was " + this.value ); }
reste plus qu'a voir ce qu'il y a comme code dans le fameux search.php :D

PS : J'ai proposé jQuery UI parce selon ce lien jQuery Autocomplete plugin 1.1 est déconseillé

27/09/2013, 15h49
hellworld

Bonjour, alors j'ai passé le server en UTF-8 ainsi que toutes les pages.
Parcontre aucun changement.

Est-ce qu'il y aurai une adaptation a faire dans le php ?

Ce qui me surprend un peu c'est que lorsqu'on affiche une variable "utf-8" sur une page encodée en ISO a la place des accents on a des losange noir avec un ? or la j'ai des &eacute, &eagrave etc...

Ca me rend dingue ce problème ! :(

En espérant que ca t'aide :

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
 
<!doctype html>
 
<html lang="fr">
<head>
  <meta charset="utf-8" />
  <title>jQuery UI Autocomplete - Remote datasource</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
 
  <script>
  $(function() {
    $( "#langages" ).autocomplete({
      source: "search.php",
      minLength: 2,
      select: function( event, ui ) {
    //TODO
      }
    });
  });
  </script>
</head>
<body>
 
<input type="text" NAME="critereRecherche" id="langages" class="search"  placeholder="Votre recherche..." />
 
</body>
</html>

search.php

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
 
<?php
header('Content-type: application/json');
// si on reçoit une donnée
if(isset($_GET['term'])) {
    $q = htmlentities($_GET['term']); // protection
 
    // connexion à la base de données
    try {
        $bdd = new PDO('mysql:host=localhost;dbname=myBase', 'test', 'test');
    } catch(Exception $e) {
        exit('Impossible de se connecter à la base de données.');
    }
 
    // exécution de la requête
try { 
    $resultat = $bdd->query("SELECT SHOP_NOM FROM shop WHERE SHOP_NOM LIKE :q LIMIT 0, 10");
 $resultat->bindValue(':q', $q, PDO::PARAM_STR);
 $resultat->execute();
 
} catch(PDOException $e) {  
  print_r($bdd->errorInfo());
} 
    // affichage des résultats
    while($donnees = $resultat->fetch(PDO::FETCH_ASSOC)) {
        $list[]= $donnees['SHOP_NOM'];
    }
echo json_encode($list);
}

01/10/2013, 09h36
SpaceFrog

tu as mis des header utf8 sur tes pages avec php ?
tu as mis un setnames à la connexion sur la pBDD ?
les fichiers php eux mêmes sont en utf8 sans BOM ?

Tu as certainement raté une étape ..