element.update ne marche pas avec IE6 si le contenu contient <li>

**ilalaina** · 22/10/2009, 15h44

Bonjour à tous.

J'utilise Prototype 1.6.0.3.
J'ai remarqué que

Code :

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

$('monElement').update('monContenu');

ne marche pas avec IE 6 si "monContenu" contient la balise

Code :

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

<li>

alors que sur Firefox ça marche.
L'erreur :

erreur d'exécution inconnue

Est-ce que quelqu'un a déjà rencontré le même problème?

Merci.

**Arnaud F.** · 22/10/2009, 19h10

Bonjour,

votre problème vient d'ailleurs. Le code ci-dessous fonctionne parfaitement sur IE6 :

Code HTML :

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <script type="text/javascript" src="./prototype.js"></script>
  <title></title>
  </head>
  <body>
  <div id="test"></div>
  <ul id="test2"></ul>
<script type="text/javascript">
$('test').update('<ul><li>1</li><li>2</li></ul>');
$('test2').update('<li>1</li><li>2</li>');
</script>
  </body>
</html>

Copiez un bout de code afin qu'on puisse avoir un aperçu.

++

**ilalaina** · 23/10/2009, 08h48

Bonjour.

Merci pour la réponse. J'ai testé votre exemple et ça marche très bien. Donc comme vous l'aviez dit mon problème vient d'ailleurs. Peut-être lié au fait que j'utilise un iframe pour l'envoi du formulaire.
Je vous envoie un exemple :

index.php

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
<head>
	<script type="text/javascript" language="javascript" src="prototype.js"></script>
</head>
 
<?php //é Pour garder l'encodage UTF8 sans BOM ?>
 
<iframe id="iframe_temp" name="iframe_temp" src="#" style="width:0;height:0;border:0px solid #fff;"></iframe>
 
<script type="text/javascript" language="javascript">
 
fTestEnvoyer = function()
{
	$('fTestMsg').update('Traitement en cours ...');
	document.fTest.action = "create.php";
	document.fTest.method = "post";
	document.fTest.target = "iframe_temp";
	return true;
};
 
Test = function(pMsg)
{
	$('fTestMsg').update(pMsg);
};
 
</script>
 
<form name="fTest" id="fTest" onsubmit="return fTestEnvoyer();">
 
Texte à afficher :
<input type="text" name="fTestTxt" id="fTestTxt" value="<li>blabla</li>" /> (Essayez ici des textes avec ou sans <font style="color: red; font-weight: bold;">li</font>)<br />
<input type="submit" value="Envoyer" />
 
<p id="fTestMsg"></p>
 
</form>

create.php

Code :

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

1
2
3
4
5
6
<?php
$Txt = $_POST['fTestTxt'];
?>
<script type="text/javascript" language="javascript">
parent.Test('<?php echo $Txt; ?>');
</script>

Et voici un lien pour le tester directement :
http://sp.myplus.org/tests/

A +.

element.update ne marche pas avec IE6 si le contenu contient <li>

Bibliothèques & Frameworks

Discussions similaires

Partager

Partager