UI Autocomplete et les accents

**pierrot10** · 21/12/2010, 08h13

Bonjour à tous,

Je viens a vous cars j'ai des petits problèmes d'accents vec jQueryUI - Autocomplete.

J'ai opté pour ceci : http://jqueryui.com/demos/autocomplete/#remote-jsonp

J'ai donc un fichier autocomplete_client.php qui va consulter la base de données et avec la fonction json_encode() me retourne les valeurs en fonction de $q = trim(strtolower(strip_tags($_GET['term'])));

Je pense et je suis persuadé que ce qui me retourne par print

Code PHP :

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

json_encode($matches);

c'est corrcet. J'ai remplacé
ceci

Code PHP :

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

$q = trim(strtolower(strip_tags($_GET['term'])));

par ceci

Code PHP :

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

$q = "Gom";

Sachant que dans ma base de donnée j'ai des nom temporaire tel que Gomé, Goméés...

Quand je cherge ma page autocomplete_client.php rirectement dans mon browser, je vois bien l'affichage des nom avec accents, s'affiché correctement.

En revanche dans le menu déroulant généré par jQueryUI, je vois ceci :

Gomé

ou

Goméés

tel que ce mot est enregistré dans la base de donnée.

Ainsi, comment puid-je corriger ce problème pour que ca fonctionne bien avec les noms?

Merci pour votre aide

**SpaceFrog** · 21/12/2010, 09h45

le problème est multiple et javascript ou jquery n'a que peu a voir avec
Il est préférable d'être en 100% utf 8 (http://j-willette.developpez.com/tut...-site-en-utf8/)

et en effet c'est le strtolower qui pose souci
passe plutot par mn_convert_case
http://php.net/manual/fr/function.mb-convert-case.php

**pierrot10** · 21/12/2010, 11h23

Salut,
J'ai suivi tes conseils, mais malheureusement ca ne marche pas :o(.
Je suis de plus plus persuadé que ce problème vient de JqueryUI.
Bon je peux tojours me tromper, mais , j'y pense.

Comme je l'ai écris, le

Code PHP :

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

print json_encode($matches);

Imprime très bien les caractères.

Je pense que cest lorsque ce script traville le code que le problème se produit:

Code JQUERY :

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
 
$(document).ready(function(){				   
 
		var ac_config = {
			source: 'autocomplete_client.php',
			select: function(event, ui){
				alert(ui.item.fd_name);
				$("#id_client").val(ui.item.id_clients);
				$("span#client_id").html(ui.item.id_clients);
				$("#id_civility").val(ui.item.fd_civility);
				$("#id_name").val(ui.item.fd_name);
				$("#id_firstname").val(ui.item.fd_firstname);
				$("#id_city").val(ui.item.fd_city);
				$("#id_state").val(ui.item.fd_state);
				$("#id_street").val(ui.item.fd_street);
				$("#id_numero").val(ui.item.fd_nb);
				$("#id_bp").val(ui.item.fd_postal_box);
				$("#id_cp").val(ui.item.fd_cp);
				$("#id_phone").val(ui.item.fd_phone);
				$("#id_fax").val(ui.item.fd_fax);
				$("#id_mobile").val(ui.item.fd_mobile);
				$("#id_email").val(ui.item.fd_email);
				$("#id_url").val(ui.item.fd_url);
				$("#id_identity_type").val(ui.item.fd_identity_type);
				$("#id_identity_type_no").val(ui.item.fd_id_identity_type);
				$("#id_country").val(ui.item.fd_country);
 
				if(ui.item.fd_client_direct == 1)
				{
					$("#id_client_direct").attr('checked','checked');
				}
				else
				{
					$("#id_client_direct").attr('checked','');
				}
 
				if(ui.item.fd_client_TO == 1)
				{
					$("#id_client_to").attr('checked','checked');
				}
				else
				{
					$("#id_client_to").attr('checked','');
				}
				$("#id_comment").val(ui.item.fd_coment);
 
				deroulant_close();
				$("div#error-display").empty();
 
			},
			minLength:1
		};
		$( "#id_name" ).autocomplete(ac_config);
 
	});

Mais bon je ne suis pas certain d'avoir raison, car je ne trouve pas la solution

**pierrot10** · 21/12/2010, 11h25

Dans mon fichier autocomplete_client.php,
j'ai même ajouté ceci à la première ligne

Code PHP :

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

1
2
 
header( 'content-type: text/html; charset=utf-8' );

Pour info, mon fichier autocomplete_client.php est le suivant

Code PHP :

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
 
<?php
header( 'content-type: text/html; charset=utf-8' );
$clients = array(
);	
 
$root="../";
include($root.'sql/db_connect.php');
$sql_search = 'SELECT * FROM tb_clients ORDER BY fd_name';
$query_search = mysql_query($sql_search)or die(mysql_error());
$nb_search = mysql_num_rows($query_search);
 
 
while($data_search=mysql_fetch_assoc($query_search)){
	$clients[]=$data_search;
}
 
// Cleaning up the term
 
#$q = trim(strtolower(strip_tags($_GET['term'])));
$q = "Gom";
if (!$q) return;
 
// Rudimentary search
$matches = array();
foreach($clients as $client){
 
	if(stripos($client['fd_name'], $q) !== false){
	#if (strpos(strtolower($city['city']), $q) !== false) {
		// Add the necessary "value" and "label" fields and append to result set
		$client['value']= $client['fd_name'];
		$client['label']="{$client['fd_name']} {$client['fd_firstname']}, {$client['fd_state']}";
	#	$matches[] = html_entity_decode($client,ENT_COMPAT,'UTF-8');
		$matches[] = $client;
	}
	#else{
		#$matches[]= '';
	#}
}
 
// Truncate, encode and return the results => LIMIT THE OUTPUT
#$matches = array_slice($matches, 0, 10);
print json_encode($matches);
?>

qui fonctionne bien, sauf, ... avec les accent

**SpaceFrog** · 21/12/2010, 12h50

je pense que le fichier qui fait le traitement du json_encode n'est pas en utf8
vérifie dans notepad++ l'encodage de ton fichier et convertis le en utf8 sans bom si il ne l'est pas

**pierrot10** · 21/12/2010, 12h54

Ben oui, je te confirme qu'il est bien en itf-8.
Sous Dreamviewer je suis aller voir sous Title/encoding"

et sous TextWangler c'est bien indiqué Unicode (UTF-8, no BOM)

je n'ai pas notepad++, je suis sous mac

**Bovino** · 21/12/2010, 12h55

Code php :

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

header( 'content-type: text/html; charset=utf-8' );

Code php :

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

print json_encode($matches);

**pierrot10** · 21/12/2010, 23h10

J'ai trouvé!!!

Et c'est téllement simple que j'ai du mal à croire que c'est pour cela que ca marche!!!!!

J'ai longtemps tourné autour de ca

Code PHP :

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

1
2
echo html_entity_decode($client['fd_name'];
);

Puis j'ai ajoutl ca

Code PHP :

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

1
2
echo html_entity_decode(json_encode($client['fd_name']
,ENT_COMPAT,'UTF-8');

Et vu que ca me donnais un résultat concluant, je l'ai déplacé ici

Code PHP :

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

echo html_entity_decode(json_encode($matches),ENT_COMPAT,'UTF-8');

Et ca marche super bien, du moins pour le moment, mais mes accent ss'affichent correctement pour tous mes champs du formulaires!!!!

C'est super que ca marche car j'ai surfé toutes la journée pour trouver des compromis avec jQuery et je suis tombé sur des trucs que je ne comprennais rien de rien.

Et finallement, cette solution marche très bien, qui semble SI SIMPLE.

Quand pensez-vous?

UI Autocomplete et les accents

jQuery

Discussions similaires

Partager

Partager