[W3C] balise img dans du javascript [Résolu]

[ledisciple]

Bonjour

J'ai un formulaire que je vais vérifier côté serveur (php) Pas de problème pour la vérification. Si une erreur est recensée, php envoie ce code :

(mistake est un array contenant les différent id ...)

Code :

<script type=\"text/javascript\">document.getElementById('".$mistake."').value = '".$$mistake."'</script>

Pas de problème pour afficher l'erreur non plus. Par contre j'ai une erreur lors de la validation.

code source généré

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<form>
...
 
<div class="contenaire_form">
 
		<div class="champ_area">
			Numéro : <input name="numrencontresaisie" id="numrencontresaisie" onchange="VerifNumRencontre()" size="8" value="" maxlength="8" type="text">
		</div>
		<div class="validation_form_javascript" id="validation_num_rencontre"><img src="images/unvalid_formulaire.png" alt="Champ du formulaire invalide"> La rencontre existe déjà</div>
	</div>
 
</form>
...
 
<script type="text/javascript">document.getElementById('validation_num_rencontre').innerHTML = '<img src="images/unvalid_formulaire.png" alt="Champ du formulaire invalide" /> La rencontre existe déjà'</script>

Il m'indique une erreur au niveau de la balise img, dans la dernière partie du code retourné ( au niveau du <script type ... )

line 260 column 322 - Erreur: document type does not allow element "img" here

Comment je peux faire pour la rectifier?

Merci

[Bovino]

Par contre j'ai une erreur lors de la validation.

La validation ne tient pas compte des modifications faites par script.
L'erreur ne vient donc pas de là.

Ceci dit, méfie-toi : la ligne indiquée par le validateur est rarement la ligne correspondante du code source.

[ledisciple]

Envoyé par Bovino

La validation ne tient pas compte des modifications faites par script.
L'erreur ne vient donc pas de là.

oui, mais quand je retire la ligne en cause il n'y a plus d'erreur

[Bisûnûrs]

Est-ce que ta variable PHP $mistake ou les variables associées $$mistake affichent du HTML ? Comme un élément img par exemple ?

Ce qui est intéressant de voir est le code généré par le PHP, et non pas le code généré par ton script Javascript.

[ledisciple]

Pardon je me suis trompé

Je teste mon formulaire côté serveur et je mets dans un tableau $erreur, du javascript.

Code :

1
2
3
4
5
 
if ( mysql_num_rows($req) > 0)
		{ 
		array_push($erreur, "<script type=\"text/javascript\">document.getElementById('validation_num_rencontre').innerHTML = '<img src=\"images/unvalid_formulaire.png\" alt=\"Champ du formulaire invalide\" /> La rencontre existe déjà'</script>");
		 }

j'arrive à a fin de ma page de validation : je renvoie sur le page du formulaire en cas d'erreur ( si le tableau est rempli ou pas)

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
if ( !empty($erreur) )
		{
		$mistakes = array("jour","mois","annee","numrencontresaisie");
 
		foreach( $mistakes as $mistake)
		{
			array_push($erreur, "<script type=\"text/javascript\">document.getElementById('".$mistake."').value = '".$$mistake."'</script>");
		}
 
		$_SESSION['erreur'] = $erreur;	
		header('Location: /football/AjoutRencontreSaisie.php');
		exit();
		}

Une fois sur la page du formulaire (en cas d'erreur trouvée)

le code généré est le suivant

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
<form name="form" action="ajoutrencontre.php" method="post" class="formulaire">
<div class ="contenaire_form">

		<div class="champ_area">
			Numéro : <input name="numrencontresaisie" id="numrencontresaisie" onchange="VerifNumRencontre()"  size="8" type="text" value="" maxlength="8" />
		</div>
		<div class="validation_form_javascript" id="validation_num_rencontre"></div>
	</div>
</div>
<div id="espace_bouton_envoie"><input name="confirmajoutrencontre" value="Ajouter" type="submit" /></div>
	
</form>

C'est cette partie qui fait afficher le script :
if (!empty($_SESSION['erreur']) )
	{
		foreach($_SESSION['erreur'] as $erreurs)
		{
		echo $erreurs;
		unset($_SESSION['erreur']);
		unset($erreurs);
		unset($erreur);
		}
	}



<script type="text/javascript">document.getElementById('validation_num_rencontre').innerHTML = '<img src="images/unvalid_formulaire.png" alt="Champ du formulaire invalide" /> La rencontre existe déjà'</script>

[Bisûnûrs]

C'est bien ce qu'il me semblait. Et l'image est effectivement mal placée. Il faut "échapper" le Javascript lorsqu'il est directement inclus dans le code HTML :
http://www.w3.org/TR/xhtml1/#h-4.8

[ledisciple]

merci pour le lien !! je mourrais moins bête ce soir