[JS] document.getelementById(obj).innerHTML ne foncitonne pas sous IE

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [JS] document.getelementById(obj).innerHTML ne foncitonne pas sous IE

guepe

J'ai du noir sur la truffe ?

J'ai un script JS (AJAX) qui fonctionne tres bien sous firefox 2 et 3 mais pas du tout sous IE (j'ai une erreur affichée par IE 6)
Grace a des alert bien placés, j'ai pu trouver d'où l'erreur venait, voici la portion fautive :

Code :

function tmpObj(obj,text,id_categorie,clearlist) {
var entete = '<form id="form'+numCategory+'" method="get" name="_form'+numCategory+'">'
var txtselect = '<select id="subform'+numCategory+'" name="category'+numCategory+'" onchange="getListDirectories(this.value,'+numCategory+')">'
var txt = '<option value="'+id_categorie+'">' + text +'</option></select>';
var pied = '</form>\n';
if(clearlist==-2)
document.getElementById(obj).innerHTML = entete+pied;
else if(clearlist==-1)
document.getElementById(obj).innerHTML = entete+txtselect+txt+pied;
else
document.getElementById('subform'+numCategory).innerHTML = document.getElementById('subform'+numCategory).innerHTML + txt + pied;
}

La fonction document.getElementById(obj).innerHTML = entete+txtselect+txt+pied; ne fonctionne pas (enfin elle fait planter le script, qui ne poursuit pas)

Je ne comprend pas tres bien pourquoi IE refuse ce code : j'ai verifié les parametres, ils sont bons (en meme temps sous FF ca fonctionne), la variable obj est correcte et unique (pas de soucis au niveau de la casse, mes objets ont des noms différents de type form1, form2, etc...

Cela fait longtemps que je cherche, j'ai trouvé bcp de pages à propose de innerHTML sous IE mais plutot a propos de problemes de casse.

Merci [:itoine]

---------------
Un blog qu'il est bien

Publicité

leneufjuillet2006

♫ Adagio ♫

C'est quoi l'erreur que te renvoie IE ?

Comme c'est de l'ajax, est ce que tu crees correctement ton XMLHTTPRequest propre à IE ?

Message cité 1 fois

guepe

J'ai du noir sur la truffe ?

leneufjuillet2006 a écrit :

C'est quoi l'erreur que te renvoie IE ?

Comme c'est de l'ajax, est ce que tu crees correctement ton XMLHTTPRequest propre à IE ?

l'erreur renvoyée est : unknown error !!!

Pour ce qui est de la création du xmlhttprequest, voici la fonction responsable :

Code :

function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
//Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP" );
}
catch (e)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP" );
}
}
return xmlHttp;
}

Qu'en penses-tu ?

Message édité par guepe le 10-01-2008 à 16:21:29

---------------
Un blog qu'il est bien

leneufjuillet2006

♫ Adagio ♫

Ca me parait correct.

Par contre pour l'erreur d'IE, bah désolé, je peux pas t'aider

Peut être un problème de quote. En effet, tu entoures tes double quote de simple quote et ça, je sais pas si c'est autorisé (perso, je fais toujours l'inverse).

ici par exemple.

Code :

var entete = '<form id="form'+numCategory+'" method="get" name="_form'+numCategory+'">'

Encore une fois, je suis pas sûr du tout.

Message cité 1 fois
Message édité par leneufjuillet2006 le 10-01-2008 à 16:42:37

guepe

J'ai du noir sur la truffe ?

leneufjuillet2006 a écrit :

Code :

var entete = '<form id="form'+numCategory+'" method="get" name="_form'+numCategory+'">'

Encore une fois, je suis pas sûr du tout.

Avec des alert, j'ai pu localiser précisement l'endroit ou le script plante sous IE, et ce n'est pas lors de la construction des string. Ceci dit, peut etre que son probleme est d'appliquer cette string qu'il comprend peut etre mal a une zone du code html grace a innerHTML.
JE vais essayer, mais j'y crois pas trop.

---------------
Un blog qu'il est bien

leneufjuillet2006

♫ Adagio ♫

Il n'y a pas de ; à la fin des lignes 2 et 3.

Message cité 1 fois
Message édité par leneufjuillet2006 le 10-01-2008 à 21:43:52

guepe

J'ai du noir sur la truffe ?

leneufjuillet2006 a écrit :

Il n'y a pas de ; à la fin des lignes 2 et 3.

Ca n'est pas obligatoire, m'enfin je les ai remis : évidemment cela ne change rien, meme erreur : Erreur d'exécution inconnue, code 0

---------------
Un blog qu'il est bien

leneufjuillet2006

♫ Adagio ♫

Ok, c'est quand même mieux avec les ;

Sinon, peux tu me montrer un exemple d'appel de ta fonction ?

Je ne vois pas où tu déclares la variable "numCategory". (c'est peut être une variable globale)

Quand clearList = -2, est ce que ça marche ?

Edit:

En faisant ça :

Code :

<html>
<script>
function tmpObj(obj,text,id_categorie,clearlist) {
var numCategory="titi";
var entete = '<form id="form'+numCategory+'" method="get" name="_form'+numCategory+'">';
var txtselect = '<select id="subform'+numCategory+'" name="category'+numCategory+'" onchange="getListDirectories(this.value,'+numCategory+')">';
var txt = '<option value="'+id_categorie+'">' + text +'</option></select>';
var pied = '</form>\n';
if(clearlist==-2)
document.getElementById(obj).innerHTML = entete+pied;
else if(clearlist==-1) {
alert('houba houba');
document.getElementById(obj).innerHTML = entete+txtselect+txt+pied;
alert('houbi houbi');
}
else
document.getElementById('subform'+numCategory).innerHTML = document.getElementById('subform'+numCategory).innerHTML + txt + pied;
}
</script>
<body>
<input type="button" value="toto" onclick="javascript:tmpObj('nomDiv', 'valeur', 'cle', -1);">
<div id="nomDiv">blabla</div>
</body>
</html>

chez moi, ça marche nickel sous IE6.

Message cité 1 fois
Message édité par leneufjuillet2006 le 11-01-2008 à 08:58:11

guepe

J'ai du noir sur la truffe ?

leneufjuillet2006 a écrit :

Ok, c'est quand même mieux avec les ;

Sinon, peux tu me montrer un exemple d'appel de ta fonction ?

Je ne vois pas où tu déclares la variable "numCategory". (c'est peut être une variable globale)

Quand clearList = -2, est ce que ça marche ?

Edit:

En faisant ça :

Code :

<html>
<script>
function tmpObj(obj,text,id_categorie,clearlist) {
var numCategory="titi";
var entete = '<form id="form'+numCategory+'" method="get" name="_form'+numCategory+'">';
var txtselect = '<select id="subform'+numCategory+'" name="category'+numCategory+'" onchange="getListDirectories(this.value,'+numCategory+')">';
var txt = '<option value="'+id_categorie+'">' + text +'</option></select>';
var pied = '</form>\n';
if(clearlist==-2)
document.getElementById(obj).innerHTML = entete+pied;
else if(clearlist==-1) {
alert('houba houba');
document.getElementById(obj).innerHTML = entete+txtselect+txt+pied;
alert('houbi houbi');
}
else
document.getElementById('subform'+numCategory).innerHTML = document.getElementById('subform'+numCategory).innerHTML + txt + pied;
}
</script>
<body>
<input type="button" value="toto" onclick="javascript:tmpObj('nomDiv', 'valeur', 'cle', -1);">
<div id="nomDiv">blabla</div>
</body>
</html>

chez moi, ça marche nickel sous IE6.

numCategory est bien une variable globale, et j'appelle cette fonction via une autre fonction javascript (qui recupere le resultat de la requete envoyee a php) :

Code :

function stateChanged()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete" )
{
ans=xmlHttp.responseText;
var splits = ans.split("<hr>" ); //le resultat de la requete comporte plusieurs lignes que l'on decoupe
var c=0;
if(splits.length==2) //efface le precedent menu deroulant
tmpObj('form'+numCategory,'Select',0,-2);
else //ecrit la premiere entree du meu deroulant
tmpObj('form'+numCategory,'Select',0,-1);
alert("splits.length="+splits.length); //ici deja c'est mort (que je passe par le splits.length==2 ou pas)
while(c<splits.length-2) //ecriture des menus déroulants
{
var parse_id = splits[c].split("<br>" ); //parce les infos de chaque ligne (nom + numero de categorie, unique)
//passe l'objet a remplacer, le titre de la cat,
//l'id_categorie et un chiffre > 1 pour ajouter un select
tmpObj('form'+numCategory,parse_id[0],parse_id[1],c); //appel de la fonction qui plantouille
c=c+1;
}
writeButton('form',splits[c],14,'sendquestion()'); //bouton envoi
}
}

[edit] Pour complement, je n'ecris pas avec mes fonctions javascript dans des div mais dans des form (je selectionne l'id d'une form, enfin de plusieurs en realite). Je ne sais pas si c'est important !

Message édité par guepe le 11-01-2008 à 15:26:38

---------------
Un blog qu'il est bien

mIRROR

Chevreuillobolchévik

t as du bol je viens d avoir le meme probleme
IE ne supporte pas la création des options en innerhtml
il faut passer par les fonctions DOM standards:createElement et appendChild

edit : toujours plus fort c ets un bug connu de microsoft depuis 2003
http://support.microsoft.com/kb/276228

Message cité 1 fois
Message édité par mIRROR le 12-01-2008 à 05:55:54

---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell

Publicité

leneufjuillet2006

♫ Adagio ♫

Pourquoi mon exemple de script marchait chez moi alors ?

mIRROR

Chevreuillobolchévik

j ai pas testé mais visiblement ie7 a gardé ce bug
le premier if marche ...pas les autres.. si ca marche chez toi c est ptet que tu utilises un ie pas tres standard (ie standalone ou multiple ie)
et si c est toujours pas ca je saurais vraiment pas t expliquer [:joce]

Message cité 1 fois

---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell

guepe

J'ai du noir sur la truffe ?

mIRROR a écrit :

t as du bol je viens d avoir le meme probleme
IE ne supporte pas la création des options en innerhtml
il faut passer par les fonctions DOM standards:createElement et appendChild

edit : toujours plus fort c ets un bug connu de microsoft depuis 2003
http://support.microsoft.com/kb/276228

Je vais regarder a quoi ca correspond, je ne connais pas (en fait j'ai jamais vraiment dev de site web). Merci en tout cas, ca va me sauver !

Message cité 1 fois

---------------
Un blog qu'il est bien

leneufjuillet2006

♫ Adagio ♫

mIRROR a écrit :

J'utilise IE 6.0.2900.2180.xpsp_sp2_gdr au boulot.

guepe a écrit :

Je vais regarder a quoi ca correspond, je ne connais pas (en fait j'ai jamais vraiment dev de site web). Merci en tout cas, ca va me sauver !

Tu pourras balancer ton code qui marche histoire de garder la solution (et de mettre résolu dans le titre de ton sujet).

guepe

J'ai du noir sur la truffe ?

Ayant de nouveaux soucis avec la solution trouvee, suivre ce topic : http://forum.hardware.fr/hfr/Progr [...] 1111_1.htm

Il y a en premier post un debut de solution, ca fonctionne mais j'ai des bugs importants encore.

doublews

J'avais ce problème aussi, mais en remplaçant les "<" et les ">" par leurs équivalents "<" et "&gt" , le problème est parti !!
A tester !

FORUM HardWare.fr

Programmation

HTML/CSS

[JS] document.getelementById(obj).innerHTML ne foncitonne pas sous IE

Sujets relatifs
DOM PHP equivalent de innerHTML	Crrer un script pour sortir les image de document word
[JavaScript] Spécification de l'encodage d'un document XML	excel et microsfot office document imaging
[Ajax] XMLHttpRequest ou document.implementation ?	script recherche mot et liste document les contenants
[VB.NET]propriete document word	Sécuriser un document PDF
VB6 : Imprimer un document avec wordpad	Extraire le texte d'un document word
Plus de sujets relatifs à : [JS] document.getelementById(obj).innerHTML ne foncitonne pas sous IE

Page générée en 0.131 secondes