Soucis Select2 - modification caractère utilisateur

Version imprimable

Bonjour,

je viens vers vous car je perds mes cheveux ....
J'ai un select2 ( https://select2.github.io ), dans lequel j'importe un fichier json qui comprend toutes les communes et leurs codes Insee ...
Jusqu'ici tout va bien au niveau du selectmultiple ,les gens tapent les communes et je récupère les id correspondant ....

Mon soucis est que certaines communes type asnières-sur-seine , contiennent des tirets ... et je souhaiterais que l’auto complétion prennent en compte pour valeur asnières-sur-seine , quand les utilisateurs recherchent asnières sur seine (--> sans tiret )

j'ai essayer plusieurs possibilités notamment en modifiant mon json lors de sa création du type
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 if( strstr($commune,"-")) { $cool2.='{ "id": "'.$insee.'", "text": "'.utf8_encode(addslashes($commune)).'" || "'.utf8_encode(addslashes(str_replace(" ","-",$commune))).'", "element": "'.utf8_encode(addslashes($commune)).'" },'; } else{ $cool2.='{ "id": "'.$insee.'", "text": "'.utf8_encode(addslashes($commune)).'", "element": "'.utf8_encode(addslashes($commune)).'" },';
Ou encore en utilisant le système de tags .... mais rien y fait ...

Une âme charitable aurait elle une idée .... ?

Merci d'avance

21/06/2017, 18h36
badaze

Je pense que si dans ton str_replace tu inversais " " et "-" ça irait mieux.
21/06/2017, 18h45
zut_php

Merci

Bonjour,
Avant tout merci pour votre retour, mais j avais deja réparé cette erreur. Pour info mon soucis reste toujours le même...

Autre info , dans le fichier .js, il y a une grille de remplacement pour les caractères spéciaux... mais ca ne fontionne pas pour le tiret ou l underscore.

Je pense que s il y a bien une solution a mon soucis c est d édicté des règles avec des valeurs différentes ( comme dans le bout de code )... mais j ai beau trituré le truc , mais ca ne marche pas ...

Merci encore pour votre retour
21/06/2017, 20h24
badaze

Est-ce que tu pourrais poster une partie du fichier json. Idéalement avec des villes avec tirets.
21/06/2017, 20h26
NoSmoking

Bonjour,
comme il s'agit d'autocomplétion au moment où tu auras tapé asniè, « asnières-sur-seine » devrait apparaître dans la liste, donc un clic dessus et point final.

Merci pour les réponses ...

Coucou,
Avant tout merci pour les réponses (désolé pour le retard ... )
_ Pour NoSmoking : c'est ce que je dis au client ... mais ils pensent que certains de ses utilisateurs , voudront continuer à taper asnières sur seine , sans utiliser l' auto complétion
_ Pour badaze : je vais te poster un petit exemple

Sinon j'ai vu dans le code js du selectmultiple ceci ( désolé c'est minifier )

Code:

1
2
 
... b.define("select2/diacritics",[],function(){var a={"Ⓐ":"A","Ａ":"A","À":"A","Á":"A","Â":"A","Ầ":"A","Ầ":"A","Ấ":"A","Ẫ":"A","Ẩ":"A","Ã":"A","Ā":"A","Ă":"A","Ằ":"A","Ắ":"A","Ẵ":"A","Ẳ":"A","Ȧ":"A","Ǡ":"A","Ä":"A","Ǟ":"A","Ả":"A","Å":"A","Ǻ":"A","Ǎ":"A","Ȁ":"A","Ȃ":"A","Ạ":"A","Ậ":"A","Ặ":"A","Ḁ":"A","Ą":"A","Ⱥ":"A","Ɐ":"A","Ꜳ":"AA","Æ":"AE","Ǽ":"AE","Ǣ":"AE","Ꜵ":"AO","Ꜷ":"AU","Ꜹ":"AV","Ꜻ":"AV","Ꜽ":"AY","Ⓑ":"B","Ｂ":"B","Ḃ":"B","Ḅ":"B","Ḇ":"B","Ƀ":"B","Ƃ":"B","Ɓ":"B","Ⓒ":"C","Ｃ":"C","Ć":"C","Ĉ":"C","Ċ":"C","Č":"C","Ç":"C","Ḉ":"C","Ƈ":"C","Ȼ":"C","Ꜿ":"C","Ⓓ":"D","Ｄ":"D","Ḋ":"D","Ď":"D","Ḍ":"D","Ḑ":"D","Ḓ":"D","Ḏ":"D","Đ":"D","Ƌ":"D","Ɗ":"D","Ɖ":"D","Ꝺ":"D","Ǳ":"DZ","Ǆ":"DZ","ǲ":"Dz","ǅ":"Dz","Ⓔ":"E","Ｅ":"E","È":"E","É":"E","Ê":"E","Ề":"E","Ế":"E","Ễ":"E","Ể":"E","Ẽ":"E","Ē":"E","Ḕ":"E","Ḗ":"E","Ĕ":"E","Ė":"E","Ë":"E","Ẻ":"E","Ě":"E","Ȅ":"E","Ȇ":"E","Ẹ":"E","Ệ":"E","Ȩ":"E","Ḝ":"E","Ę":"E","Ḙ":"E","Ḛ":"E","Ɛ":"E","Ǝ":"E","Ⓕ":"F","Ｆ":"F","Ḟ":"F","Ƒ":"F","Ꝼ":"F","Ⓖ":"G","Ｇ":"G","Ǵ":"G","Ĝ":"G","Ḡ":"G","Ğ":"G","Ġ":"G","Ǧ":"G","Ģ":"G","Ǥ":"G","Ɠ":"G","Ꞡ":"G","Ᵹ":"G","Ꝿ":"G","Ⓗ":"H","Ｈ":"H","Ĥ":"H","Ḣ":"H","Ḧ":"H","Ȟ":"H","Ḥ":"H","Ḩ":"H","Ḫ":"H","Ħ":"H","Ⱨ":"H","Ⱶ":"H","Ɥ":"H","Ⓘ":"I","Ｉ":"I","Ì":"I","Í":"I","Î":"I","Ĩ":"I","Ī":"I","Ĭ":"I","İ":"I","Ï":"I","Ḯ":"I","Ỉ":"I","Ǐ":"I","Ȉ":"I","Ȋ":"I","Ị":"I","Į":"I","Ḭ":"I","Ɨ":"I","Ⓙ":"J","Ｊ":"J","Ĵ":"J","Ɉ":"J","Ⓚ":"K","Ｋ":"K","Ḱ":"K","Ǩ":"K","Ḳ":"K","Ķ":"K","Ḵ":"K","Ƙ":"K","Ⱪ":"K","Ꝁ":"K","Ꝃ":"K","Ꝅ":"K","Ꞣ":"K","Ⓛ":"L","Ｌ":"L","Ŀ":"L","Ĺ":"L","Ľ":"L","Ḷ":"L","Ḹ":"L","Ļ":"L","Ḽ":"L","Ḻ":"L","Ł":"L","Ƚ":"L","Ɫ":"L","Ⱡ":"L","Ꝉ":"L","Ꝇ":"L","Ꞁ":"L","Ǉ":"LJ","ǈ":"Lj","Ⓜ":"M","Ｍ":"M","Ḿ":"M","Ṁ":"M","Ṃ":"M","Ɱ":"M","Ɯ":"M","Ⓝ":"N","Ｎ":"N","Ǹ":"N","Ń":"N","Ñ":"N","Ṅ":"N","Ň":"N","Ṇ":"N","Ņ":"N","Ṋ":"N","Ṉ":"N","Ƞ":"N","Ɲ":"N","Ꞑ":"N","Ꞥ":"N","Ǌ":"NJ","ǋ":"Nj","Ⓞ":"O","Ｏ":"O","Ò":"O","Ó":"O","Ô":"O","Ồ":"O","Ố":"O","Ỗ":"O","Ổ":"O","Õ":"O","Ṍ":"O","Ȭ":"O","Ṏ":"O","Ō":"O","Ṑ":"O","Ṓ":"O","Ŏ":"O","Ȯ":"O","Ȱ":"O","Ö":"O","Ȫ":"O","Ỏ":"O","Ő":"O","Ǒ":"O","Ȍ":"O","Ȏ":"O","Ơ":"O","Ờ":"O","Ớ":"O","Ỡ":"O","Ở":"O","Ợ":"O","Ọ":"O","Ộ":"O","Ǫ":"O","Ǭ":"O","Ø":"O","Ǿ":"O","Ɔ":"O","Ɵ":"O","Ꝋ":"O","Ꝍ":"O","Ƣ":"OI","Ꝏ":"OO","Ȣ":"OU","Ⓟ":"P","Ｐ":"P","Ṕ":"P","Ṗ":"P","Ƥ":"P","Ᵽ":"P","Ꝑ":"P","Ꝓ":"P","Ꝕ":"P","Ⓠ":"Q","Ｑ":"Q","Ꝗ":"Q","Ꝙ":"Q","Ɋ":"Q","Ⓡ":"R","Ｒ":"R","Ŕ":"R","Ṙ":"R","Ř":"R","Ȑ":"R","Ȓ":"R","Ṛ":"R","Ṝ":"R","Ŗ":"R","Ṟ":"R","Ɍ":"R","Ɽ":"R","Ꝛ":"R","Ꞧ":"R","Ꞃ":"R","Ⓢ":"S","Ｓ":"S","ẞ":"S","Ś":"S","Ṥ":"S","Ŝ":"S","Ṡ":"S","Š":"S","Ṧ":"S","Ṣ":"S","Ṩ":"S","Ș":"S","Ş":"S","Ȿ":"S","Ꞩ":"S","Ꞅ":"S","Ⓣ":"T","Ｔ":"T","Ṫ":"T","Ť":"T","Ṭ":"T","Ț":"T","Ţ":"T","Ṱ":"T","Ṯ":"T","Ŧ":"T","Ƭ":"T","Ʈ":"T","Ⱦ":"T","Ꞇ":"T","Ꜩ":"TZ","Ⓤ":"U","Ｕ":"U","Ù":"U","Ú":"U","Û":"U","Ũ":"U","Ṹ":"U","Ū":"U","Ṻ":"U","Ŭ":"U","Ü":"U","Ǜ":"U","Ǘ":"U","Ǖ":"U","Ǚ":"U","Ủ":"U","Ů":"U","Ű":"U","Ǔ":"U","Ȕ":"U","Ȗ":"U","Ư":"U","Ừ":"U","Ứ":"U","Ữ":"U","Ử":"U","Ự":"U","Ụ":"U","Ṳ":"U","Ų":"U","Ṷ":"U","Ṵ":"U","Ʉ":"U","Ⓥ":"V","Ｖ":"V","Ṽ":"V","Ṿ":"V","Ʋ":"V","Ꝟ":"V","Ʌ":"V","Ꝡ":"VY","Ⓦ":"W","Ｗ":"W","Ẁ":"W","Ẃ":"W","Ŵ":"W","Ẇ":"W","Ẅ":"W","Ẉ":"W","Ⱳ":"W","Ⓧ":"X","Ｘ":"X","Ẋ":"X","Ẍ":"X","Ⓨ":"Y","Ｙ":"Y","Ỳ":"Y","Ý":"Y","Ŷ":"Y","Ỹ":"Y","Ȳ":"Y","Ẏ":"Y","Ÿ":"Y","Ỷ":"Y","Ỵ":"Y","Ƴ":"Y","Ɏ":"Y","Ỿ":"Y","Ⓩ":"Z","Ｚ":"Z","Ź":"Z","Ẑ":"Z","Ż":"Z","Ž":"Z","Ẓ":"Z","Ẕ":"Z","Ƶ":"Z","Ȥ":"Z","Ɀ":"Z","Ⱬ":"Z","Ꝣ":"Z","ⓐ":"a","ａ":"a","ẚ":"a","à":"a","á":"a","â":"a","ầ":"a","ấ":"a","ẫ":"a","ẩ":"a","ã":"a","ā":"a","ă":"a","ằ":"a","ắ":"a","ẵ":"a","ẳ":"a","ȧ":"a","ǡ":"a","ä":"a","ǟ":"a","ả":"a","å":"a","ǻ":"a","ǎ":"a","ȁ":"a","ȃ":"a","ạ":"a","ậ":"a","ặ":"a","ḁ":"a","ą":"a","ⱥ":"a","ɐ":"a","ꜳ":"aa","æ":"ae","ǽ":"ae","ǣ":"ae","ꜵ":"ao","ꜷ":"au","ꜹ":"av","ꜻ":"av","ꜽ":"ay","ⓑ":"b","ｂ":"b","ḃ":"b","ḅ":"b","ḇ":"b","ƀ":"b","ƃ":"b","ɓ":"b","ⓒ":"c","ｃ":"c","ć":"c","ĉ":"c","ċ":"c","č":"c","ç":"c","ḉ":"c","ƈ":"c","ȼ":"c","ꜿ":"c","ↄ":"c","ⓓ":"d","ｄ":"d","ḋ":"d","ď":"d","ḍ":"d","ḑ":"d","ḓ":"d","ḏ":"d","đ":"d","ƌ":"d","ɖ":"d","ɗ":"d","ꝺ":"d","ǳ":"dz","ǆ":"dz","ⓔ":"e","ｅ":"e","è":"e","é":"e","ê":"e","ề":"e","ế":"e","ễ":"e","ể":"e","ẽ":"e","ē":"e","ḕ":"e","ḗ":"e","ĕ":"e","ė":"e","ë":"e","ẻ":"e","ě":"e","ȅ":"e","ȇ":"e","ẹ":"e","ệ":"e","ȩ":"e","ḝ":"e","ę":"e","ḙ":"e","ḛ":"e","ɇ":"e","ɛ":"e","ǝ":"e","ⓕ":"f","ｆ":"f","ḟ":"f","ƒ":"f","ꝼ":"f","ⓖ":"g","ｇ":"g","ǵ":"g","ĝ":"g","ḡ":"g","ğ":"g","ġ":"g","ǧ":"g","ģ":"g","ǥ":"g","ɠ":"g","ꞡ":"g","ᵹ":"g","ꝿ":"g","ⓗ":"h","ｈ":"h","ĥ":"h","ḣ":"h","ḧ":"h","ȟ":"h","ḥ":"h","ḩ":"h","ḫ":"h","ẖ":"h","ħ":"h","ⱨ":"h","ⱶ":"h","ɥ":"h","ƕ":"hv","ⓘ":"i","ｉ":"i","ì":"i","í":"i","î":"i","ĩ":"i","ī":"i","ĭ":"i","ï":"i","ḯ":"i","ỉ":"i","ǐ":"i","ȉ":"i","ȋ":"i","ị":"i","į":"i","ḭ":"i","ɨ":"i","ı":"i","ⓙ":"j","ｊ":"j","ĵ":"j","ǰ":"j","ɉ":"j","ⓚ":"k","ｋ":"k","ḱ":"k","ǩ":"k","ḳ":"k","ķ":"k","ḵ":"k","ƙ":"k","ⱪ":"k","ꝁ":"k","ꝃ":"k","ꝅ":"k","ꞣ":"k","ⓛ":"l","ｌ":"l","ŀ":"l","ĺ":"l","ľ":"l","ḷ":"l","ḹ":"l","ļ":"l","ḽ":"l","ḻ":"l","ſ":"l","ł":"l","ƚ":"l","ɫ":"l","ⱡ":"l","ꝉ":"l","ꞁ":"l","ꝇ":"l","ǉ":"lj","ⓜ":"m","ｍ":"m","ḿ":"m","ṁ":"m","ṃ":"m","ɱ":"m","ɯ":"m","ⓝ":"n","ｎ":"n","ǹ":"n","ń":"n","ñ":"n","ṅ":"n","ň":"n","ṇ":"n","ņ":"n","ṋ":"n","ṉ":"n","ƞ":"n","ɲ":"n","ŉ":"n","ꞑ":"n","ꞥ":"n","ǌ":"nj","ⓞ":"o","ｏ":"o","ò":"o","ó":"o","ô":"o","ồ":"o","ố":"o","ỗ":"o","ổ":"o","õ":"o","ṍ":"o","ȭ":"o","ṏ":"o","ō":"o","ṑ":"o","ṓ":"o","ŏ":"o","ȯ":"o","ȱ":"o","ö":"o","ȫ":"o","ỏ":"o","ő":"o","ǒ":"o","ȍ":"o","ȏ":"o","ơ":"o","ờ":"o","ớ":"o","ỡ":"o","ở":"o","ợ":"o","ọ":"o","ộ":"o","ǫ":"o","ǭ":"o","ø":"o","ǿ":"o","ɔ":"o","ꝋ":"o","ꝍ":"o","ɵ":"o","ƣ":"oi","ȣ":"ou","ꝏ":"oo","ⓟ":"p","ｐ":"p","ṕ":"p","ṗ":"p","ƥ":"p","ᵽ":"p","ꝑ":"p","ꝓ":"p","ꝕ":"p","ⓠ":"q","ｑ":"q","ɋ":"q","ꝗ":"q","ꝙ":"q","ⓡ":"r","ｒ":"r","ŕ":"r","ṙ":"r","ř":"r","ȑ":"r","ȓ":"r","ṛ":"r","ṝ":"r","ŗ":"r","ṟ":"r","ɍ":"r","ɽ":"r","ꝛ":"r","ꞧ":"r","ꞃ":"r","ⓢ":"s","ｓ":"s","ß":"s","ś":"s","ṥ":"s","ŝ":"s","ṡ":"s","š":"s","ṧ":"s","ṣ":"s","ṩ":"s","ș":"s","ş":"s","ȿ":"s","ꞩ":"s","ꞅ":"s","ẛ":"s","ⓣ":"t","ｔ":"t","ṫ":"t","ẗ":"t","ť":"t","ṭ":"t","ț":"t","ţ":"t","ṱ":"t","ṯ":"t","ŧ":"t","ƭ":"t","ʈ":"t","ⱦ":"t","ꞇ":"t","ꜩ":"tz","ⓤ":"u","ｕ":"u","ù":"u","ú":"u","û":"u","ũ":"u","ṹ":"u","ū":"u","ṻ":"u","ŭ":"u","ü":"u","ǜ":"u","ǘ":"u","ǖ":"u","ǚ":"u","ủ":"u","ů":"u","ű":"u","ǔ":"u","ȕ":"u","ȗ":"u","ư":"u","ừ":"u","ứ":"u","ữ":"u","ử":"u","ự":"u","ụ":"u","ṳ":"u","ų":"u","ṷ":"u","ṵ":"u","ʉ":"u","ⓥ":"v","ｖ":"v","ṽ":"v","ṿ":"v","ʋ":"v","ꝟ":"v","ʌ":"v","ꝡ":"vy","ⓦ":"w","ｗ":"w","ẁ":"w","ẃ":"w","ŵ":"w","ẇ":"w","ẅ":"w","ẘ":"w","ẉ":"w","ⱳ":"w","ⓧ":"x","ｘ":"x","ẋ":"x","ẍ":"x","ⓨ":"y","ｙ":"y","ỳ":"y","ý":"y","ŷ":"y","ỹ":"y","ȳ":"y","ẏ":"y","ÿ":"y","ỷ":"y","ẙ":"y","ỵ":"y","ƴ":"y","ɏ":"y","ỿ":"y","ⓩ":"z","ｚ":"z","ź":"z","ẑ":"z","ż":"z","ž":"z","ẓ":"z","ẕ":"z","ƶ":"z","ȥ":"z","ɀ":"z","ⱬ":"z","ꝣ":"z","Ά":"Α","Έ":"Ε","Ή":"Η","Ί":"Ι","Ϊ":"Ι","Ό":"Ο","Ύ":"Υ","Ϋ":"Υ","Ώ":"Ω","ά":"α","έ":"ε","ή":"η","ί":"ι","ϊ":"ι","ΐ":"ι","ό":"ο","ύ":"υ","ϋ":"υ","ΰ":"υ","ω":"ω","ς":"σ"};return a}),b.define("select2/data/base",["../utils"],function(a){function b(a,c) ...

Meis j'ai essayé d'y intégrer les tirets ou underscore mais ça ne fonctionne pas ..

26/06/2017, 15h28
NoSmoking
Citation:

mais ils pensent que certains de ses utilisateurs , voudront continuer à taper asnières sur seine , sans utiliser l' auto complétion

dans ce cas laisse les faire et au moment de la recherche, car je pense qu'il doit y avoir une recherche, tu supprimes les tirets.
Code:

1 2 var txt = 'asnières-sur-seine'; console.log(txt.replace(/-/g, ' '));

un petit exemple pour Badaze ...

Coucou ,

Vous trouverez un exemple du json émis :

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
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
 
var doubloncommune = {"donnees":[{
			  "id": "77001",
			  "text": "ACHERES-LA-FORET" || "ACHERES LA FORET",
			  "element": HTMLOptionElement
			},{
			  "id": "91001",
			  "text": "ABBEVILLE-LA-RIVIERE" || "ABBEVILLE LA RIVIERE",
			  "element": HTMLOptionElement
			},{
			  "id": "93001",
			  "text": "AUBERVILLIERS",
			  "element": HTMLOptionElement
			},{
			  "id": "94001",
			  "text": "ABLON-SUR-SEINE" || "ABLON SUR SEINE",
			  "element": HTMLOptionElement
			},{
			  "id": "77002",
			  "text": "AMILLIS",
			  "element": HTMLOptionElement
			},{
			  "id": "92002",
			  "text": "ANTONY",
			  "element": HTMLOptionElement
			},{
			  "id": "94002",
			  "text": "ALFORTVILLE",
			  "element": HTMLOptionElement
			},{
			  "id": "95002",
			  "text": "ABLEIGES",
			  "element": HTMLOptionElement
			},{
			  "id": "77003",
			  "text": "AMPONVILLE",
			  "element": HTMLOptionElement
			},{
			  "id": "78003",
			  "text": "ABLIS",
			  "element": HTMLOptionElement
			},{
			  "id": "94003",
			  "text": "ARCUEIL",
			  "element": HTMLOptionElement
			},{
			  "id": "77004",
			  "text": "ANDREZEL",
			  "element": HTMLOptionElement
			},{
			  "id": "92004",
			  "text": "ASNIERES-SUR-SEINE" || "ASNIERES SUR SEINE",
			  "element": HTMLOptionElement
			},{
			  "id": "94004",
			  "text": "BOISSY-SAINT-LEGER" || "BOISSY SAINT LEGER",
			  "element": HTMLOptionElement
			},{
			  "id": "77005",
			  "text": "ANNET-SUR-MARNE" || "ANNET SUR MARNE",
			  "element": HTMLOptionElement
			},{
			  "id": "78005",
			  "text": "ACHERES",
			  "element": HTMLOptionElement
			},{
			  "id": "93005",
			  "text": "AULNAY-SOUS-BOIS" || "AULNAY SOUS BOIS",
			  "element": HTMLOptionElement
			},{
			  "id": "77006",
			  "text": "ARBONNE-LA-FORET" || "ARBONNE LA FORET",
			  "element": HTMLOptionElement
			},{
			  "id": "78006",
			  "text": "ADAINVILLE",
			  "element": HTMLOptionElement
			},{
			  "id": "93006",
			  "text": "BAGNOLET",
			  "element": HTMLOptionElement
			},{
			  "id": "77007",
			  "text": "ARGENTIERES",
			  "element": HTMLOptionElement
			},{
			  "id": "78007",
			  "text": "AIGREMONT",
			  "element": HTMLOptionElement
			}, ...

Hésitez pas si vous avez une idée

MERCI d'avance

26/06/2017, 15h45
zut_php

Merci Nosmoking...

Merci pour le retour no smoking ...
mon client est assez pointilleux (et un poil embêtant aussi ) ... il a pour référence le système d'auto complétion de https://www.vianavigo.com/ ...
je lui indique que c'est pas le même système ... mais y comprend pas ...

concernant ceci "dans ce cas laisse les faire et au moment de la recherche, car je pense qu'il doit y avoir une recherche, tu supprimes les tirets." -> en fait je récupère l'insee
ce que veut le client , correspond juste à faciliter l'affichage pour les utilisateurs .

Merci encore pour le temps passé
26/06/2017, 16h05
NoSmoking

Visiblement le système dont tu parles fait la recherche en séparant le texte au niveau des espaces si existe.
26/06/2017, 16h10
zut_php

suite message NoSmoking...

Parlez vous de l'exemple fourni par le client (vianavigo ) ... si oui en effet :
si l'utilisateur, entre asnieres sur seine, ou asnieres-sur-seine , le système de via navigo associe les deux et ne marque pas d'erreur ...
chez moi si j'indique asnieres sur seine (et non asnieres-sur-seine ) , il m'indique aucun résultat trouvé (d'ou le fait d'inscrire une règle || dans le json )
26/06/2017, 16h32
NoSmoking
J'avais fait un truc un peu similaire, il ne te faut traiter, envoi au serveur, que des chaines en minuscule, sans accents et tiret et faire le tri coté serveur.
Pour preuve regarde l'onglet réseaux dans la console ce qui est envoyé.

Ex:
```
saisie : ASNIéRES-SUR-SEINE
envoi  : asniéres sur seine
```
visiblement les accents sont traités coté serveur.
26/06/2017, 16h42
zut_php

tout ce qui est accent est géré par le fichier .js du select multiple
En fait tout ce qui est accent est géré du côté du fichier js du select multiple ... mais cela ne prend pas en compte les tirets ou underscore
Code:

1 2 b.define("select2/diacritics",[],function(){var a={"Ⓐ":"A","Ａ":"A","À":"A","Á":"A","Â":"A",

J'ai retrouvé le code ^(*) que j'avais utilisé

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
var $tr = {
  accents: [/[\300-\306]/g, /[\340-\346]/g, // A, a
    /[\310-\313]/g, /[\350-\353]/g, // E, e
    /[\314-\317]/g, /[\354-\357]/g, // I, i
    /[\322-\330]/g, /[\362-\370]/g, // O, o
    /[\331-\334]/g, /[\371-\374]/g, // U, u
    /[\321]/g, /[\361]/g, // N, n
    /[\307]/g, /[\347]/g, // C, c
    /\-/g
  ],
 
  noaccents: ['A', 'a', 'E', 'e', 'I', 'i', 'O', 'o', 'U', 'u', 'N', 'n', 'C', 'c', ' '],
 
  clear: function (str) {
    var i;
    var nb = this.accents.length;
    for (i = 0; i < nb; i += 1) {
      str = str.replace(this.accents[i], this.noaccents[i]);
    }
    return str.toLowerCase();
  }
}

et un appel du type

Code:

1
2
3
var txt = 'ASNIéRES-SUR-Seine';
txt = $tr.clear( txt);
console.log( txt);

^(*) version originale que j'avais trouvé sympa : http://www.finalclap.com/faq/257-jav...mplacer-accent

26/06/2017, 18h29
zut_php

je suis embêtant mais ...

Merci Nosmoking le code est top (je le garde de côté )
Néanmoins dans ce cas , c'est pas top

En fait , la difficulté est que le tiret doit être supprimé dans la saisie (au cas ou ) mais bien présent dans l'affichage dans le select multiple car l'écriture officiel de l'Insee du Plessis-Robinson est bien avec un tiret . (il est limite chiant le client !!!! )
Autre chose, "le plessis-robinson" en exemple , s'écrit avec un espace et un tiret, je ne peux donc faire un code à la volée qui remplacerait tout les espaces par un tiret ou tous les tirets par un espace ...

Donc à présumer, la seule solution s'avère être d'affecter plusieurs possibilités d'écriture à un code insee (message de 15h31 )... sauf que cette sa... de select2 ne fonctionne guère ( en plus je me dis que je pourrais affecter dans mon json les 2 ecritures a savoir asnières-sur-seine et asnieres sur seine ) mais le select2 est également lié à une map leaflet ( + le formulaire ) et tout est relié au insee des communes ....

Moral de l'histoire Bachibouzouc !!!!!!!
je continue de trifouiller la chose et je reviens vers vous si je trouve une soluce ...

Je ne sais pas si c'est encore utile.

Le code ci-dessous remplace l'espace par un tiret.

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
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
 
<!DOCTYPE html>
<html>
<head>
<script>
var doubloncommune = {"donnees":[{
     "id": "77001",
     "text": 'ACHERES-LA-FORET',
     "element": HTMLOptionElement
   },{
     "id": "91001",
     "text": "ABBEVILLE-LA-RIVIERE",
     "element": HTMLOptionElement
   },{
     "id": "93001",
     "text": "AUBERVILLIERS",
     "element": HTMLOptionElement
   },{
     "id": "94001",
     "text": "ABLON-SUR-SEINE",
     "element": HTMLOptionElement
   },{
     "id": "77002",
     "text": "AMILLIS",
     "element": HTMLOptionElement
   },{
     "id": "92002",
     "text": "ANTONY",
     "element": HTMLOptionElement
   },{
     "id": "94002",
     "text": "ALFORTVILLE",
     "element": HTMLOptionElement
   },{
     "id": "01000",
     "text": "ABBEVILLE-LA-RIVIERETTE",
     "element": HTMLOptionElement
   },{
     "id": "95002",
     "text": 'ABLEIGES',
     "element": HTMLOptionElement
   }]};
  //console.log(doubloncommune.donnees);
function loaded() {  
  // remplissage de la liste
  var html = "";
  for (var i=0;i<doubloncommune.donnees.length;i++) {
   
   html = html + '<option id="'+doubloncommune.donnees[i].id+'">'+doubloncommune.donnees[i].text+'</option>';
  }
  
  document.getElementById('toto').innerHTML = html;
  
  // évènement 
  inp.onkeypress = function (evt) {
   
   if (evt.char == ' ') {
    //console.log(evt);
    evt.target.value = evt.target.value.substr(0,evt.target.value.length)+'-';
    evt.preventDefault();
   }
  }  
}
</script>
</head>
<body onload="loaded()">
<input type=text list=toto size="40" id="inp">
<datalist id='toto'>
</datalist>
</body>
</html>

Le code ci-dessous remplace un tiret par un espace. Corollaire il ne doit pas y avoir de tirets.

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
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
 
<!DOCTYPE html>
<html>
<head>
<script>
var doubloncommune = {"donnees":[{
     "id": "77001",
     "text": 'ACHERES LA FORET',
     "element": HTMLOptionElement
   },{
     "id": "91001",
     "text": "ABBEVILLE LA RIVIERE",
     "element": HTMLOptionElement
   },{
     "id": "93001",
     "text": "AUBERVILLIERS",
     "element": HTMLOptionElement
   },{
     "id": "94001",
     "text": "ABLON SUR SEINE",
     "element": HTMLOptionElement
   },{
     "id": "77002",
     "text": "AMILLIS",
     "element": HTMLOptionElement
   },{
     "id": "92002",
     "text": "ANTONY",
     "element": HTMLOptionElement
   },{
     "id": "94002",
     "text": "ALFORTVILLE",
     "element": HTMLOptionElement
   },{
     "id": "01000",
     "text": "ABBEVILLE LA RIVIERETTE",
     "element": HTMLOptionElement
   },{
     "id": "95002",
     "text": 'ABLEIGES',
     "element": HTMLOptionElement
   }]};
  //console.log(doubloncommune.donnees);
function loaded() {  
  // remplissage de la liste
  var html = "";
  for (var i=0;i<doubloncommune.donnees.length;i++) {
   
   html = html + '<option id="'+doubloncommune.donnees[i].id+'">'+doubloncommune.donnees[i].text+'</option>';
  }
  
  document.getElementById('toto').innerHTML = html;
  
  // évènement 
  inp.onkeypress = function (evt) {
   
   if (evt.char == '-') {
    //console.log(evt);
    evt.target.value = evt.target.value.substr(0,evt.target.value.length)+' ';
    evt.preventDefault();
   }
  }  
}
</script>
</head>
<body onload="loaded()">
<input type=text list=toto size="40" id="inp">
<datalist id='toto'>
</datalist>
</body>
</html>