Problème très bizarre avec Div.innerHTML

Question

Bonjour,

j'ai un gros probl&#232;me, et qui me semble tr&#232;s bizarre.

Dans mon code, quand je tappe : 

nom_de_mon_div.innerHTML="coucou"; 

Aucun probleme sous IE et Firefox.

Si maintenant, j'&#233;cris :

nom_de_mon_div.innerHTML="coucou";

Ca ne marche tres bien sous FireFox mais pas sous IE.

Y a t'il des restrictions sous IE, ou quelque chose &#224; sp&#233;cifier ?

Merci d'avance.

Phil_Free · Answer

Salut,

Et comme &#231;a:

nom_de_mon_div.innerHTML="coucou<\/a>";

cs_tonic1 · Answer

non ca n est pas &#231;a, je comprend vraiment pas.

si je fais ca :

nom_de_mon_div.innerHTML="< a href='#'>coucou";

ca marche, c 'est a dire si je met un espace entre "<" et "a".

Le probleme, c est qu a ce moment, la balise n est pas interpr&#233;te comme un lien.

Si j enleve l espace j ai une erreur JS : "Erreur d'execution inconnue".

Qqun a t il une solution?

cs_bultez · Answer

Bonjour, pourtant aucun problème avec IE :

cs_tonic1 · Answer

oui l erreur est ailleurs, je fais

mon_div.innerHTML dans une fonction javascript, donc il n y a pas de probleme.

C est vraiment la balise "" qui d&#233;conne, si je met coucou, ca va marcher par exemple, mais evidement la balise de lien ne sera pas interpr&#233;t&#233;e.

le fait de mettre une balise de lien "" fait tout planter.

cs_bultez · Answer

"Mon Site qu'il est à Moi ~

Phil_Free · Answer

Si tu nous donnais le code qui est autour et pas juste 2 lignes, il serait peut-&#234;tre possible de t'aider ...

cs_tonic1 · Answer

Ben le probleme c'est que y bcp bcp de code autour, c'est un explorateur JS de dossier enregistre dans une bdd.

Voici la fonction qui fait l innerHtml : 


function affiche_plus(num_div)
{

z=0;
trouve_plus=false;
cherche_id=0;
avoir_enfant=false;
while((z<taille_div)&&(trouve_plus==false))
{
if(tableau_div[z]==num_div)
{
trouve_plus=true;
}
else
{
z++;
}
}
num_id='';
longueur_id=num_div.length;

while (num_div.charAt(cherche_id)!='p')
{
cherche_id++;
}
cherche_id++;
while (cherche_id<longueur_id)
{
num_id=num_id+num_div.charAt(cherche_id);
cherche_id++;
}
avoir_enfant=rechercher_si_enfant(num_div);

if (avoir_enfant==false)
{
avoir_enfant=as_tu_des_medias(num_div);
}

if (avoir_enfant==true)
{

document.getElementById(num_div+"_savoir_action").style.display = "block";
document.getElementById(num_div+"_savoir_action").innerHTML="";

}
else
{
document.getElementById(num_div+"_savoir_action").innerHTML="";
document.getElementById(num_div+"_savoir_action").style.display = "block";
}

avoir_enfant=false;
document.getElementById(num_div).style.display = "block";

}

en gros, si je met un "< a" a la place de "<a" (je met un espace), ca marche sinon ca plante.
Je rappelle que sous FireFox, ca marche tres bien, c'est sous IE que ca plante.

Merci d'avance.

cs_bultez · Answer

toujours difficile de répondre ( pour moi, Phil_free saura peut-être lui ? ) car : appel de cette fonction ? que contient num_div ? comment est la balise div ? et avec un extrait :

cs_tonic1 · Answer

en gros pour faire simple :

document.getElementById(num_div+"_savoir_action").innerHTML="coucou";

ca ca marche tres bien, que se soit sous ie ou firefox

document.getElementById(num_div+"_savoir_action").innerHTML="coucou";

ca ca ne marche pas sous IE mais ca marche sous Firefox.

Je n y comprend vraiment bien, mon id div est correct, ca vraiment la balise  qui fait planter, me donnant l'erreur : "erreur d'excecution inconnue", donc je suis pas avanc&#233; avec ce genre d'erreur!

Phil_Free · Answer

C'est sans doute une erreur de syntaxe, essaie de mettre cette alert ici:

if (avoir_enfant==true) {
  alert("");
  document.getElementById(num_div+"_savoir_action").style.display = "block";
  document.getElementById(num_div+"_savoir_action").innerHTML="";
}

Regarde ensuite le contenu de l'alerte, est-ce bien ce que tu d&#233;sires ?

cs_bultez · Answer

appliquer ce que dit Phil_Free car document.getElementById(num_div+"_savoir_action").innerHTML="coucou"; OU document.getElementById(num_div+"_savoir_action").innerHTML="Mon Site qu'il est à Moi ~

Phil_Free · Answer

Ensuite dans ton code, la variable suivante (en rouge) o&#249; a-t-elle &#233;t&#233; d&#233;finie, elle vient d'o&#249; ?

while((z < taille_div )&&(trouve_plus==false)) {

cs_tonic1 · Answer

c est une variable globale, mais le probleme ne vient vraiment pas de la, c vraimen l inerHTML qui craque.

Peut etre est ce dans le structure de mes div que ca ne va pas, je ne sais pas ....

cs_bultez · Answer

ne te bloque pas là où tu crois qu'il y a une erreur : elle n'est pas dans l'ajout dans le innerHTML d'un Mon Site qu'il est à Moi ~

cs_guybrush · Answer

Je connais le même problème dans un de mes scripts et je m'arrache les cheveux !!

Une solution a finalement été trouvée ou c'est un problème insoluble ??

Pareil : ....innerHTML='texte'; ça fonctionne pas, mais ....innerHTML='texte'; ou ....innerHTML='texte'; ça fonctionne !

Le plus étrange dans tout ça, c'est que dans d'autres parties de mon code je mets de liens dans des div avec innerHTML et ça fonctionne sans problèmes ...

Quelqu'un d'aimable peut venir à mon secours ?

Merci d'avance !

Olivier

Bul3 · Answer

Bonjour,

t'as vu que le message datait de 3 ans ? c'est long 3 ans !
et si si ( l'impératrice ) ça fonctionne parfaitement,
mais sans mettre href, va pas faire grand chose ton lien....
essaye donc :

    

    

    <script>
        document.getElementById("d").innerHTML="mon Site]	[M'écrire]	Bul

cs_guybrush · Answer

Merci pour ta réponse.

Oui oui (le pantin du pays des jouets ...), j'avais bien vu que ce topic datait d'il y a bien longtemps. Ca pose un problème de l'avoir déterré ?

Sinon, bien sur, le genre de script que tu me donnes fonctionne parfaitement. Mais dans certains cas (dans quels cas ? là est la question ...) avec IE, ça ne fonctionne pas.

Provisoirement, j'ai utilisé une technique pas vraiment optimisée mais qui fonctionne. Ce div à l'intérieur duquel IE ne veut pas mettre de ien étant placé lui même dans un autre div avec un id, j'ai utilisé la fonction "replace" de javascript :

if(Internet_explorer){
document.getElementById("a").innerHTML = document.getElementById("a").innerHTML.replace('

','[# lien]');
}else{
document.getElementById("b").innerHTML='[# lien]';
}

Et là ça fonctionne enfin comme je veux !!!! Sacré IE va ...

Merci en tous cas de m'avoir répondu !

Bonne journée !

Cordialement,

Olivier

Bul3 · Answer

Bonjour,

>>Mais dans certains cas  avec IE, ça ne fonctionne pas.

réellement aucune raison !!!!  sans "erreur de ta part"
et qui est probablement "ailleurs" ( id correct ? , noms redondants ?, html+css ? ....  )
il faut débugger, ça dit tout
Navigateurs |Quelques Explications |----
Chrome
, contrôler page actuelle / Options pour développeurs
/ Console Javascript, ----
FireFox
, Outils / Console d'erreurs
et mieux  : télécharger mon Site]	[M'écrire]	Bul

Bul3 · Answer

ou nous donner un exemple où ça plnate !
on devrait pouvoir te dire....
( car franchement, ce que tu fais, faudrait éviter !!!! )

cs_guybrush · Answer

Merci pour ta réponse et pour tout ça mais je connais les différentes manières d'afficher les erreurs de scripts !

Le problème, c'est que dans ce cas là, IE renvoie une jolie "erreur d'exécution inconnue" ...

Avec tous les autres navigateurs (Firefox, Opera, safari, chrome ...), ça fonctionne nickel, mais avec ce satané IE ...

Enfin, mon problème est provisoirement résolu. Je tâcherais de m'y attarder un peu plus et d'essayer de trouver la vraie solution plus tard.

Cordialement,

Olivier.

PS : Je pense quand même pas mal maitriser le javascript. Pour preuve, voir par exemple mon site encore et toujours en cours de développement : http://www.international-paradise.com (vos avis sont les bienvenus :) )

Problème très bizarre avec Div.innerHTML

24 réponses

Votre réponse

Discussions similaires