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 :
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>
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
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 ??