[Javascript] [Résolu] createElement et IE

Marsh Posté le 27-06-2006 à 17:15:49

J'ai un souci de compatibilité entre Firefox et IE.

Le script suivant marche parfaitement sous firefox, et ne génère aucune trace dans la console Javascript. En revanche sous IE, il ne marche que très partiellement, mais il ne semble pourtant pas générer d'erreur de script.

Le code Js:

Code :

function removeInputFile(num){
var inputFile = document.getElementById('linkedFile'+num);
var removeLink = document.getElementById('removeInputFile'+num);
var br = document.getElementById('br'+num);
document.getElementById('linkedFiles').removeChild(inputFile);
document.getElementById('linkedFiles').removeChild(removeLink);
document.getElementById('linkedFiles').removeChild(br);
}
function addInputFile(num){
var input = document.createElement("input" );
input.setAttribute("type", "file" );
input.setAttribute("name", "linkedFile" + num);
input.setAttribute("id", "linkedFile" + num);
var br = document.createElement("br" );
br.setAttribute("id", "br" + num);
var removeLink = document.createElement("a" );
removeLink.setAttribute("onclick", "removeInputFile("+num+" )" )
removeLink.setAttribute("href", "#documents" )
removeLink.setAttribute("id", "removeInputFile"+num)
removeLink.appendChild(document.createTextNode('Supprimer'));
document.getElementById('linkedFiles').appendChild(br);
document.getElementById('linkedFiles').appendChild(input);
document.getElementById('linkedFiles').appendChild(removeLink);
var link = document.getElementById('addInputFileLink');
num = num+1;
link.setAttribute("onclick", "addInputFile("+num+" )" );
}

Le code html :

Code :

<div class="documents" anchor="documents">
<span>Joindre documents</span>
<br/>
<div id="linkedFiles" name="linkedFiles">
<input type="file" name="linkedFile0" />
</div>
<a href="#documents" onclick="addInputFile(1)" id="addInputFileLink">Ajouter un document</a>
</div>

Le résultat sous Firefox :

Sous IE, je peu executer 1 seule fois la fonction addInputFile, qui fonctionne correctement puisque visuellement, l'input et le liens apparaissent. Mais lorsque j'essaie de nouveau de cliquer sur le lien supprimer, ou bien lorsque j'essaie d'ajouter un document plus rien ne se passe...

Merci de votre aide

Message édité par Benzo29 le 27-06-2006 à 17:58:48

Reply

Marsh Posté le 27-06-2006 à 17:15:49

Reply

Marsh Posté le 27-06-2006 à 17:21:13

A les suprises de l'implémentation du DOM dans IE...
De la MSDN:

Citation :

The NAME attribute cannot be set at run time on elements dynamically created with the createElement method. To create an element with a name attribute, include the attribute and value when using the createElement method.

C'est beau non?
Un petit article sur comment contourner tout ça: http://www.easy-reader.net/archive [...] entations/

Message cité 1 fois

Reply

Marsh Posté le 27-06-2006 à 17:26:27

anapajari a écrit :

A les suprises de l'implémentation du DOM dans IE...
De la MSDN:

Citation :

The NAME attribute cannot be set at run time on elements dynamically created with the createElement method. To create an element with a name attribute, include the attribute and value when using the createElement method.

C'est beau non?
Un petit article sur comment contourner tout ça: http://www.easy-reader.net/archive [...] entations/

C'est beau, en effet

Merci bien :jap:

Reply

[Javascript] [Résolu] createElement et IE

Sujets relatifs:

Leave a Replay