UI Autocomplete et les accents [Résolu]

[pierrot10]

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 :

json_encode($matches);

c'est corrcet. J'ai remplacé
ceci

Code PHP :

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

par ceci

Code PHP :

$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]

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]

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 :

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 :

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]

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

Code PHP :

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

Pour info, mon fichier autocomplete_client.php est le suivant

Code PHP :

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]

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]

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]

Code php :

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

Code php :

print json_encode($matches);

[pierrot10]

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 :

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

Puis j'ai ajoutl ca

Code PHP :

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 :

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?