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>