getElementByID sous IE

[natoine]

Bon j'ai pas trop fouillé encore, c'est plus pour noter cette erreur quelque part et garder une trace de la solution un jour.
Je fais tellement jamais ou presque du javascript ^^

Donc voilà code testé sous firefox pas de problème.
Sous IE renvoie l'erreur : document.getElementById(...) is null or not an object

[natoine]

Plus précisément, dans ma page il y a une liste déroulante.
Le code HTML :

Code :

1
2
3
4
5
6
7
 
<div class="at6_choix_liste">
   <label for="select_format_doc">Format</label>
    <select name="select_format_doc" id="select_format_doc">
      <option>------</option>
    </select>
</div>

Et quand je clique sur un autre élément de la page j'appelle la méthode :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
function setFlyer()
{
	//alert("setFlyer");
	var inner_liste_format = "<option onclick='goDescriptionFormat(\"flyer_1\"); goQuantite(\"flyer_1\");'>Flyer A5 148.5 mm x 210 mm</option>"
		+ "<option onclick='goDescriptionFormat(\"flyer_2\"); goQuantite(\"flyer_2\");'>Flyer A4 210 mm x 297 mm</option>" ;
	setFormatListeContent(inner_liste_format);
	var inner_liste_recto =" <div><input name=\"choix_recto\" type=\"radio\" value=\"R\" id=\"imp_recto\" onclick=\"goRecto('recto'); setRecapDevis();\"/> <span class=\"nom_bouton\">Impression Recto</span></div>"
		+ "<div><input name=\"choix_recto\" type=\"radio\" value=\"RV\" id=\"imp_recto_verso\"  onclick=\"goRecto('recto_verso'); setRecapDevis();\"/> <span class=\"nom_bouton\">Impression Recto / Verso</span></div>" ;
	setRectoListeContent(inner_liste_recto);
	devis.recto = "recto" ;
	goDescriptionFormat("flyer_1");
	goQuantite("flyer_1");
}

La méthode setFormatListeContent (setRectoListeContent est équivalente) :

Code :

1
2
3
4
5
6
function setFormatListeContent (_inner_liste_format)
{
	//alert("fonction set liste" + _inner_liste_format);
	var liste_format = document.getElementById('select_format_doc');
	liste_format.innerHTML = _inner_liste_format;
}

[Bovino]

Euh... tu pourrais nous montrer un peu de code (JavaScript et HTML en rapport) histoire de pouvoir regarder où peut se poser le problème
Parce que IE accepte getElementById() depuis la version 4, donc il n'y a aucune raison manifeste à ton problème

[Auteur]

bonjour,


on ne crée pas le contenu d'une liste select avec innerHTML (surtout sous IE), il faut utiliser les fonctions DOM.

[natoine]

Merci pour vos réponses.
Ca m'a bien aidé.
Maintenant, j'ai un autre problème, j'arrive pas à ajouter des attributs onclick sur des options dans un select sous safari.

[dukej]

Envoyé par natoine

Merci pour vos réponses.
Ca m'a bien aidé.
Maintenant, j'ai un autre problème, j'arrive pas à ajouter des attributs onclick sur des options dans un select sous safari.

le onclick sur des options est une hérésie. C'est sur le onchange du select que tu le fais

[andry.aime]

Bonjour,

option n'a pas d'attribut onclick, utilise plutôt onchange du select et tu peux accéder à la valeur de l'option sélectionnée avec:

Code :

document.getElementById("idDuSelect").options[document.getElementById("idDuSelect").selectedIndex].value;

A+.

[natoine]

Merci, ça marche nickel.
Bon ça me fait un peu revoir mon code mais je suis plus à ça près ^^
Par contre je m'emm**** avec l'encodage maintenant.
Je mettais des eacute; dans mes innerHTML mais en mettant des eacute; dans les TextNode ça marche pas et si je mets un é je me tape des erreurs d'encodage

[NoSmoking]

Par contre je m'emm**** avec l'encodage maintenant.
Je mettais des eacute; dans mes innerHTML mais en mettant des eacute; dans les TextNode ça marche pas et si je mets un é je me tape des erreurs d'encodage

essaies en mettant un & devant, exemple é

[natoine]

héhé si c'était ça ^^
Merci no smoking mais j'avais mis le &.
Je ne l'ai juste pas mis dans mon post.

Donc ma solution je l'ai trouvé là :
http://www.pyrat.net/JavaScript-alert-et-accents.html

Et ça marche nickel.

Problème suivant :
Sous ie, mon contenu se met bien à jour comme dans les autres navigateurs.
Sauf que, j'ai un footer dans mon site. Et ce footer ne se décalle pas dynamiquement vers le bas de la page. Je précise, que sous ie. Pourtant le html est bien formé.
En fait, en s'acharnant à faire des sélections de texte ou cliquer sur la zone de ma div qui déborde sur le footer, celui-ci finit par se bouger et se mettre ou il faut.

Un truc de malade, je comprends pas