Accès a un élement du document depuis une iframe
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:
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:
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:
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 ?? :oops:
