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