Probleme IE et Javascript DOM

Logiciel & apps Programmation
1

Bonjour à tous,

j’ai un souci assez étrange, surement du à un bug d’IE.

J’ai une div dans mon code HTML
<div id=‹ image ›></div>

j’ai une fonction javascript qui a comme but d’insérer un champ de type input file à l’intérieur.
Le but est au final d’avoir une div de type :
<div id=‹ image ›>
<input type=‹ file › name=‹ moninputfile ›/>
</div>

pour ce faire j’utilise javascript DOM, voici le détail de la fonction
var input = document.createElement(‹ input ›);
input.setAttribute(‹ type ›, ‹ file ›);
input.setAttribute(‹ name ›, ‹ moninputfile ›);
document.getElementById(‹ image ›).appendChild(input);

Au final lorsque je fais un
alert(document.getElementById(‹ image ›).innerHTML)
j’ai le résultat suivant :
<div id=‹ image ›>
<input type=file/>
</div>

il ne m’affiche q’une partie des attributs de l’input devant être normalement insérés.

Est-ce qu’il y a une procédure spécifique pour ce type d’input ?

Merci d’avance pour votre aide
Fabien

2

Tout ça fonctionne:

<html>
<head>
<script language="javascript">
function affiche()
{
var input = document.createElement("input");
input.setAttribute("type", "file");
input.setAttribute("name", "moninputfile");
document.getElementById("calque1").appendChild(input);
}

</script>
</head>
<body>
<a href="java script:affiche()">onglet1</a>
<div id="calque1"></div>
</body>
</html>
3

Chez moi (IE 6.0) ce que tu viens de faire affiche ce que j’ai mis dans mon message inital à savoir

<div id=‹ calque1 ›>
<input type=file/>
</div>

4

Me semblait qu’avec DOM il fallait se farcir la création d’attributes, genre document.createAttributeNode ou une connerie du genre?

5

La solution est
document.createElement("<input name=‹ toto › type=‹ file › id=‹ toto ›/>");
document.getElementById(‹ madiv ›).appendChild(input);