gestion des caractères spéciaux dans un quizz

**sebac** · 27/03/2010, 14h53

Bonjour je programme un qcm mais j'ai un soucis avec les caractères spéciaux voici un exemple de code pour la question 3

Code :

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

1
2
3
4
5
6
7
questions[2] = "3) Qui f&ucirc;t le premier roi d'Isra&euml;l?";
choices[2] = new Array();
choices[2][0] = "Achab";
choices[2][1] = "Sa&uuml;l";
choices[2][2] = "David";
choices[2][3] = "Ez&eacute;chias";
answers[2] = choices[2][1];

la réponse à cette question est mise dans le tableau answers

Code :

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

answers[2] = choices[2][1];

et voici la fonction qui permet à l'utilisateur de savoir s'il a bien répondu ou non

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function showResult(questionId)
{
     alert("proposition= "+answers[questionId]+" reponse= "+useranswers[questionId]);
	if(answers[questionId] == useranswers[questionId])
	{
		document.getElementById('result_' + questionId).innerHTML = '<img src="correct.gif" style="border:0" alt="Correct!" />';
	}
	else
	{
		document.getElementById('result_' + questionId).innerHTML = '<img src="croix.jpg" style="border:0" alt="Incorrect!" />';
	}
}

Pour la question 3 alert va afficher pour la proposition faite par l'utilisateur

Code :

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

proposition=Sa&uuml;l

ce qui est juste et la reponse affichera

Code :

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

reponse= Saül

ce qui est également bon mais à cause du fait que les deux ne sont pas au même format alors la réponse de l'utilisateur sera considérée comme fausse pourtant elle ne l'est pas. Le code marche parfaitement quand il y'a aucun caractère spéciaux. Comment dois-je faire pour pallier se problème.
Merci

**SpaceFrog** · 27/03/2010, 15h33

mets une balise meta charest utf-8 et enregistre ton fichier en utf-8 et mets simplement

Code :

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

choices[2][1] = "Saül";

**sebac** · 27/03/2010, 19h10

j'ai rajouté dans mon fichier html l'entête

Code :

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

<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> ;

et et grâce à un logiciel pspad je l'ai enregistré en utf8 et fait comme tu me l'as dit

Code :

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

choices[2][1] = "Saül";

mais rien n'y fait.

**SpaceFrog** · 27/03/2010, 19h58

ton js est dans un fichier externe ???

et perso je ne pense pas que l'utilisateur saisisse des htmlentities ...

voici qui fonctionne chez moi en 100% utf8

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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Nouvelle page 1</title>
<script type='text/javascript'>
var questions=new Array()
questions[2] = "3) Qui fût le premier roi d'Israël?";
 
var choices = new Array()
choices[2] = new Array();
choices[2][0] = "Achab";
choices[2][1] = "Saül";
choices[2][2] = "David";
choices[2][3] = "Ezéchias";
var answers=new Array()
answers[2] = choices[2][1];
 
function soluce(){
alert((document.getElementById('foo').value==answers[2])?'vrai':'faux')
}
</script>
</head>
<body >
<input type='text' value='' id ='foo' />
<input type="button" onclick="soluce()" value="valider" />
</body>
</html>