Javascript - DOM - IE8 - incompabilit�

Version imprimable

Bonjour,

Je rencontre un probl�me, pour parcourir les �l�ments du formulaire avec les objets DOM;
Je n'arrive pas � ex�cuter ce script avec IE8, alors que �a marche avec Chrome et FireFox.

IE8 affiche une erreur javascript permission refus�, j'ai cherch� sur Internet, mais je ne trouve pas de r�ponse qui r�sou ce probl�me, j'ai essay� de modif� des param�tres dans l'onglet s�curit� de IE, mais cela n'y fait rien.

Mon syst�me tourne sur XP Pro SP2.

Voici le script est le suivant
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <script language="javascript"> function validerFRM(frmFORM){ for (var i = 0; i < frmFORM.elements.length; i++) { document.writeln("<BR>Name " + frmFORM.elements[i].name); } } <form name="frmFicheParticip" method="GET" action="">  <input name="validerFORM" type="hidden" value="" /> <input name="txtTest" type="text" value="" /> <input name="chkSponsors" type="checkbox" value="val1" /> <input name="chkSponsors" type="checkbox" value="val2" /> <input name="chkSponsors" type="checkbox" value="val3" /> <input name="bttSelectSupp" type="button" value="Supprimer" onclick="validerFRM(frmFicheParticip); " /> </td> </form>
Est ce quelqu'un aurait la solution, je vous remercie par avance

13/10/2010, 18h14
andry.aime

Bonsoir.
1- N'utilise pas document.write pour cr�er des �l�ments
:faq: :fleche: Comment ajouter des �l�ments dans une page ?
Si les contenues � ajouter ne sont que des textes, tu peux utiliser un div et faire un innerHTML.

2-

Code:

<script type="text/javascript">

et n'oublie pas de le fermer.

A+.
13/10/2010, 19h21
BOLARD

Bonsoir Andry.aime,

Le code que j'ai post�, c'est juste un test, normallement c'est dans un tableau, et le fichier javascript et dans un fichier js. Mon code fonctionne parfaitement avec un Firefox et Chrome, c'est avec Internet Explorer 8, qui ne fonctionne pas, c'est �a l� mon probl�me, il y a t'il une solution pour contourner cette incompabilit�. Est ce que c'est document.write qui va faire que j'ai un message d'internet explorer en javascript et quand je clique sur le point d'exclamation Permission refus�.

As-tu d'autre suggestion ou quelqu'un � d'autres solutions, merci...
14/10/2010, 09h37
dukej

Citation:

Envoy� par BOLARD

Bonsoir Andry.aime,

Le code que j'ai post�, c'est juste un test, normallement c'est dans un tableau, et le fichier javascript et dans un fichier js. Mon code fonctionne parfaitement avec un Firefox et Chrome, c'est avec Internet Explorer 8, qui ne fonctionne pas, c'est �a l� mon probl�me, il y a t'il une solution pour contourner cette incompabilit�. Est ce que c'est document.write qui va faire que j'ai un message d'internet explorer en javascript et quand je clique sur le point d'exclamation Permission refus�.

As-tu d'autre suggestion ou quelqu'un � d'autres solutions, merci...

ton code est lui-m�me un probl�me, je vais te r�sumer ce que fait ton code :
tu parcours les �l�ments d'un <form> �a ok pas de soucis
mais pour chaque �l�ment de ce form, tu fais un document.write ou document.writeln. Quand tu fais un document.write.. tu �crases le dom existant par un nouveau DOM, ce qui fait que ton <form> il n'existe plus, va parcourir un �l�ment qui n'existe plus. Donc normal que IE8 t'envoies paitre

Bonjour,
En effet, c'est le document.write qui est le probl�me, cr�e un div et utilise innerHTML.

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
<html>
<head>
<script type="text/javascript">
function validerFRM(frmFORM){
    frmFORM.style.display="none";
    for (var i = 0; i < frmFORM.elements.length; i++) {
        document.getElementById('test').innerHTML+="<br />"+ frmFORM.elements[i].name;
    }
}
 </script>
</head>
<body>
 
 
<form name="frmFicheParticip" method="GET" action="">
        <!-- champ caché -->
<input name="validerFORM" type="hidden" value="" />
<input name="txtTest" type="text" value="" />
<input name="chkSponsors" type="checkbox" value="val1" />
<input name="chkSponsors" type="checkbox" value="val2" />
<input name="chkSponsors" type="checkbox" value="val3" />
 
<input name="bttSelectSupp" type="button" value="Supprimer" onclick="validerFRM(this.form)" />                         
</form>
<div id="test"></div>
</body>
</html>

A+.

14/10/2010, 16h10
BOLARD

OK merci Andry.aime, pour ta r�ponse, donc je vais faire comme tu as dit, mais en fait, pourquoi �a fonctionne sur FireFox et Chrome et pas sur IE8, peut tu me donner une expliquation, pour mieux comprendre la logique. Je commence tous juste avec DOM, uniquement avec les l'objet document, windows, getElementById.... et ces m�thodes basics. Je me suis pas encore pench� sur innerHTML, mais je vais �tudier �a. D�j� je vais tester ta solution. Ce pendant j'ai mis mon sujet sur d'autres forums, et on me dit que mon script est correcte, �a serait plut�t un probl�me de param�trage de mon navigateur. Je te tiens au courant du test. Et si �a marche, je mettrait probl�me r�solut.
14/10/2010, 16h40
sekaijin

parcequ'il sont plus sioux que IE

en fait FF et Webkit voyant que tu ajoute un �l�ment avec write ne vont pas ajouter le texte dans le source html et r�g�n�rer la page
mais juste g�n�r� le HTML � ajouter
en faire un segment DOM et chercher dans le source le point d'insertion
il vont alors retrouver dans le DOM l'�l�ment correspondant au point d'insertion
et ins�rer le segment DOM

du coup il optimisent le travail � faire et gagne du temps
petit effet marginal le dom n'est pas enti�rement reconstruit (mais la norme ne dit pas qu'il faut ou pas le reconstruire)

A+JYT
14/10/2010, 19h29
BOLARD

Ben merci Andry.aime, pour ton expliquation, j'ai bien compris cette fois. J'ai test� ta solution est tout fonctionne je vais pouvoir continuer mon projet, notamment je voulais v�rifier la s�lection des cases � coch� dynamiques, maintenant que tu m'a apporter une solution je devrais bien m'en sortir. Je met ce sujet r�solut. Encore merci, et bonne soir�e.

Citation:

Envoy� par sekaijin

parcequ'il sont plus sioux que IE

en fait FF et Webkit voyant que tu ajoute un �l�ment avec write ne vont pas ajouter le texte dans le source html et r�g�n�rer la page
mais juste g�n�r� le HTML � ajouter
en faire un segment DOM et chercher dans le source le point d'insertion
il vont alors retrouver dans le DOM l'�l�ment correspondant au point d'insertion
et ins�rer le segment DOM

du coup il optimisent le travail � faire et gagne du temps
petit effet marginal le dom n'est pas enti�rement reconstruit (mais la norme ne dit pas qu'il faut ou pas le reconstruire)

A+JYT

Je ne suis pas vraiment d'accord... Le comportement de write est conditionn� par l'�tat du document : s'il est "opened" (typiquement en cours de construction), write ajoutera ses param�tres dans le document � l'endroit o� il est d�clar�, si le document est "closed", il le r�ouvrira (et donc son contenu sera vid�) et ajoutera le contenu de ses arguments.
Pour t'en persuader :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <html> <head> <title>Test write()</title> <script type="text/javascript"> function doWrite(){ var contenu = prompt('Que voulez-vous écrire ?'); document.write(contenu); } </script> </head> <body> <p><button onclick="doWrite();">Ecrire dans le document</button></p> </body> </html>
Tu noteras que dans ce cas, l'indicateur de chargement de la page reste actif. En modifiant un peu la fonction :
Code:

1 2 3 4 5 function doWrite(){ var contenu = prompt('Que voulez-vous écrire ?'); document.write(contenu); document.close(); }
ce n'est plus le cas ;)