getElementByID sous IE

Version imprimable

12/01/2011, 19h04
natoine

getElementByID sous IE

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

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;
}

12/01/2011, 19h18
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 :koi:
12/01/2011, 22h09
Auteur

bonjour,

on ne crée pas le contenu d'une liste select avec innerHTML (surtout sous IE), il faut utiliser les fonctions DOM.
19/01/2011, 14h33
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.
19/01/2011, 15h00
dukej

Citation:

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
19/01/2011, 15h00
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+.
19/01/2011, 15h43
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 :mrgreen:
19/01/2011, 19h45
NoSmoking

Citation:

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 é
19/01/2011, 20h09
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 8O