Bonjour,
voila mon probleme, j'ai une iframe cachée dans une page. J'aimerai que celle-ci (apres un upload) ajoute le nom du fichier uploadé dans un tableau contenu dans la page.
Pour ceci j'ai un table html normal :
J'ajoute le formulaire qui se trouve dans la meme page que le tableau, j'appelle en fait la page upload.php que je dirige vers l'iframe cachée :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5<table> <tbody id="table_ul"> <tr><th>Nom</th><th>Taille</th></tr> </tbody> </table>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 <iframe id="hiddeniframe" name="hiddeniframe" style="display:none;" src=""></iframe> <form onsubmit='document.getElementById("ul_loader").style.display="block";' action="../../../Scripts/php/upload.php" enctype="multipart/form-data" method="POST" target="hiddeniframe"> <input type="file" id="file" name="file" size="80"> <button onclick='submit();'><img src="../../../Images/attach.png"></button> <img src="../../../Images/loader_postes.gif" style="display:none;" id="ul_loader"> </form>
Pour ajouter des element au tableau, j'ai ce code dans la page envoyée à l'iframe par le formulaire d'upload:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12 <script> line = document.createElement('tr'); line.style.backgroundColor = 'white'; row_name = document.createElement('td'); row_size = document.createElement('td'); row_name.innerHTML = '".$_FILES['file']['name']."'; row_size.innerHTML = '".$_FILES['file']['size']." octets'; line.appendChild(row_name); line.appendChild(row_size); **->window.parent.document.getElementById('table_ul').appendChild(line); </script>
Souf FF pas de probleme, mais sous IE le debuggueur me dit Argument non valide pour la ligne avec des étoiles... A vrai dire je ne comprends pas !
Quelqu'un a-t-il deja eu ce probleme ??![]()
Partager