Discussion :

[Tommy57]

Bonjour à tous,

voilà, je débute en jquery, et j'essai de l'implémenter dans une page, on va dire classique.

Et je viens de me rendre compte que jquery n'aime pas les accents ! Est-ce possible?

L'objectif est assez simple, j'ai des boutons dont l'id est égale au nom de certaines div
ex : bouton 'Pains' et j'ai des div dont la class = 'Pains', etc
En cliquant sur le bouton 'Pains', j'ajoute la class 'cache' à la div pour la désactiver.
Cela marche pour tous les boutons sauf pour ceux contenant un accent, ex : bouton 'Salés' avec les div dont la class = 'Salés'.
Cependant, si j'enlève l'accent sur 'Salés' pour avoir un bouton 'Sales' et des div dont la class = 'Sales', cela fonctionne.

J'en conclu que jquery n'aime pas les accents !?

Pourriez-vous m'en dire plus ??

D'avance merci,
Tommy

Voici mon code jquery :

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
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
 
$(document).ready(
		function()
		{
			$('p').addClass('tmpFrameworkLoaded');
			$('p').text('jQuery successfully loaded and running!');
			$('input').click(
				function($e)
				{
					$e.preventDefault();
 
					switch(this.id)
					{
						case 'Pains':
						{	
							$('div').removeClass('cache');
							$('div.Pains').addClass('cache');
							break;
						}
 
						case 'Gateaux':
						{	
							$('div').removeClass('cache');
							$('div.Gateaux').addClass('cache');
							break;
						}
 
						case 'Salés':
						{	
							$('div').removeClass('cache');
							$('div.Salés').addClass('cache');
							break;
						}
 
						case 'Sales':
						{	
							$('div').removeClass('cache');
							$('div.Sales').addClass('cache');
							break;
						}
 
						case 'Reception':
						{	
							$('div').removeClass('cache');
							$('div.Reception').addClass('cache');
							break;
						}
 
						case 'Sucrés':
						{								
							$('div').removeClass('cache');
							$('div.Sucrés').addClass('cache');
							break;						
						}
					}
				}
			);
		}
	)

Et voici le code généré par ma page html qui doit être traité :

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
<div class="Pains"><div>Kilo</div><input name="ctl00$MainContentPlaceHolder$retour1" value="RET" id="ctl00_MainContentPlaceHolder_retour1" style="height: 60px; width: 90px;" type="submit"><input name="ctl00$MainContentPlaceHolder$cde1" value="CDE" id="ctl00_MainContentPlaceHolder_cde1" style="height: 60px; width: 90px;" type="submit"></div>

<div class="Pains"><div>Baguette</div><input name="ctl00$MainContentPlaceHolder$retour2" value="RET" id="ctl00_MainContentPlaceHolder_retour2" style="height: 60px; width: 90px;" type="submit"><input name="ctl00$MainContentPlaceHolder$cde2" value="CDE" id="ctl00_MainContentPlaceHolder_cde2" style="height: 60px; width: 90px;" type="submit"></div>

<div class="Gateaux"><div>Tarte pomme</div><input name="ctl00$MainContentPlaceHolder$retour3" value="RET" id="ctl00_MainContentPlaceHolder_retour3" style="height: 60px; width: 90px;" type="submit"><input name="ctl00$MainContentPlaceHolder$cde3" value="CDE" id="ctl00_MainContentPlaceHolder_cde3" style="height: 60px; width: 90px;" type="submit"></div>

<div class="Sales"><div>Bretzel</div><input name="ctl00$MainContentPlaceHolder$retour4" value="RET" id="ctl00_MainContentPlaceHolder_retour4" style="height: 60px; width: 90px;" type="submit"><input name="ctl00$MainContentPlaceHolder$cde4" value="CDE" id="ctl00_MainContentPlaceHolder_cde4" style="height: 60px; width: 90px;" type="submit"></div>

<div class="Salés"><div>Bretzel</div><input name="ctl00$MainContentPlaceHolder$retour5" value="RET" id="ctl00_MainContentPlaceHolder_retour5" style="height: 60px; width: 90px;" type="submit"><input name="ctl00$MainContentPlaceHolder$cde5" value="CDE" id="ctl00_MainContentPlaceHolder_cde5" style="height: 60px; width: 90px;" type="submit"></div>

<div class="Sucrés"><div>Bretzel</div><input name="ctl00$MainContentPlaceHolder$retour6" value="RET" id="ctl00_MainContentPlaceHolder_retour6" style="height: 60px; width: 90px;" type="submit"><input name="ctl00$MainContentPlaceHolder$cde6" value="CDE" id="ctl00_MainContentPlaceHolder_cde6" style="height: 60px; width: 90px;" type="submit"></div>

<div class="Reception cache"><div>Bretzel</div><input name="ctl00$MainContentPlaceHolder$retour7" value="RET" id="ctl00_MainContentPlaceHolder_retour7" style="height: 60px; width: 90px;" type="submit"><input name="ctl00$MainContentPlaceHolder$cde7" value="CDE" id="ctl00_MainContentPlaceHolder_cde7" style="height: 60px; width: 90px;" type="submit"></div>

<div class="Salés"><div>Aux noisettes</div><input name="ctl00$MainContentPlaceHolder$retour8" value="RET" id="ctl00_MainContentPlaceHolder_retour8" style="height: 60px; width: 90px;" type="submit"><input name="ctl00$MainContentPlaceHolder$cde8" value="CDE" id="ctl00_MainContentPlaceHolder_cde8" style="height: 60px; width: 90px;" type="submit"></div>

<div class="Sucrés"><div>Bretzel</div><input name="ctl00$MainContentPlaceHolder$retour9" value="RET" id="ctl00_MainContentPlaceHolder_retour9" style="height: 60px; width: 90px;" type="submit"><input name="ctl00$MainContentPlaceHolder$cde9" value="CDE" id="ctl00_MainContentPlaceHolder_cde9" style="height: 60px; width: 90px;" type="submit"></div>

<div class="Reception cache"><div>Reglisse</div><input name="ctl00$MainContentPlaceHolder$retour10" value="RET" id="ctl00_MainContentPlaceHolder_retour10" style="height: 60px; width: 90px;" type="submit"><input name="ctl00$MainContentPlaceHolder$cde10" value="CDE" id="ctl00_MainContentPlaceHolder_cde10" style="height: 60px; width: 90px;" type="submit"></div>
</div>

[devyan]

Bonjour,

Les accents ne sont pas bien gérés dans les ID ou les CLASS ?
Ça ne paraît pas vraiment étonnant

devyan

P.S. : n'essaye pas de mettre des espaces, ça ne fonctionne pas non plus...

[SpaceFrog]

il suffit de tout mettre en utf8
mais le plus simple est encore de ne pas utiliser les accents pour les id ni pour les names ni pour les noms de fonctions ou de variables

[Tommy57]

Bonjour et merci pour vos réponses!

Alors du coup ma question est : existe-t'il une fonction dans jquery pour supprimer les accents.

Car l'objectif étant d'aller récupérer les noms dans un fichier xml qui lui contient inexorablement des accents.

Bonne journée,
Tommy

[PsyKtra]

peut être un Mavaleur.replace("é","e") ?

[SpaceFrog]

Code :

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

1
2
3
4
5
6
chaine="étamine et pâtisson à manger croître"
myarray={'à':'a','â':'a','ä':'a','é':'e','è':'e','ê':'e','ë':'e','î':'i','ï':'i','ö':'o','ö':'o','ù':'u','ü':'u','ü':'u',' ':'-'};
function foo(){
 return chaine.replace(/./g, function($0){return (myarray[$0])?myarray[$0]:$0 })
}
alert(foo(chaine))