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