rss
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

Javascript - Vider un iframe

Posté par le sparte, le mercredi 2 mai 2007 à 11:43:19
Bonjour,

Ma question est toute simple: j'ai un iframe rempli en Javascript avec la commande "document.write('mon Texte') et je cherche une façon de le vider de son contenu afin qu'à chaque clic de l'utilisateur, l'ancien contenu de l'iframe soit écrasé par le nouveau.

Merci d'avance pour votre aide ;-)
Configuration: Mac OS X
Firefox 2.0.0.3
Répondre à le sparte  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
kij_82, le mercredi 2 mai 2007 à 11:49:16
Regarde tu coté de innerHTML.

Utilisation :
Tu récupère l'élément de la facon suivante (mettons que ton iframe s'appelle 'toto' --> id='toto') et tu remplace le contenu par "".
  var myIframe  = document.getElementById('toto');
  myIframe.innerHTML = "";


Mais n'ayant jamais utilisé les iFrame, je ne sais pas s'il s'agit de composant comme les DIV, ou d'un composant géré comme une frame.
S'il s'agit de la première manière, alors la méthode ci-dessus devrait fonctionner.
Si une iFrame est gérée de la meme manière qu'une Frame, alors il faudra faire comme suit :
 var myIframe = parent.frame['toto'];
 myIframe.document.innerHTML = "";


Je ne suis pas sur que ca fonctionne mais c'est une piste (je ne peux pas tester désolé).

Bon courage pour la suite.

~ N'oubliez pas la balise "Résolu" lorsque votre problème est... résolu :) ~
Répondre à kij_82

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
le sparte, le mercredi 2 mai 2007 à 12:49:42
Bonjour et merci pour cette réponse rapide!

Grâce à votre aide, j'ai progressé dans la solution de mon problème, mais un autre est surgi. Soit le script ci-dessous:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<title>ecrire dans un iframe</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body onload="frames['htmle'].document.designMode='On'" >
<script>
function remplir(){
  document.getElementById("htmle").contentWindow.doc­ument.write('blablabla');	
}
function effacer(){    
  var myIframe  = document.getElementById('htmle');
  myIframe.contentWindow.document.body.innerHTML = "";
}
</script>

<iframe id="htmle" name="htmle" height="50" width="300"></iframe><br>
<input type="button" value="remplir" onclick="remplir()">   
<input type="button" value="effacer" onclick="effacer()">           
</body></html>


Si on clique sur remplir, cela fonctionne. Si on clique sur effacer, cela fonctionne. Mais si on clique à nouveau sur remplir... cela ne fonctionne plus!

Comment éviter cela?

Merci d'avance pour votre aide! ;-)
Répondre à le sparte

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
2i4u, le mercredi 23 juillet 2008 à 13:25:39
Salut, j'ai exactement le meme pb que toi et je souhaitais savoir si tu as eu une solution à ton solution? Merci
Répondre à 2i4u

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 kij_82, le jeudi 24 juillet 2008 à 13:21:53
Bonjour,

Pourquoi utiliser document.write dans la fonction remplir, et document.body.innerHTML dans vider ?
Autant utiliser la même instruction dans les deux fonctions.

Si tu remplace le code dans ta fonction 'remplir' par ceci:
document.getElementById("htmle").contentWindow.doc­ument.body.innerHTML = "blablabla";	


Est-ce que ça fonctionne ?

~ N'oubliez pas la balise "Résolu" lorsque votre p­roblème est... résolu :)    ~
Répondre à kij_82
Logiciels pertinents trouvés dans les téléchargements
Télécharger PSP Video 9 2.25PSP Video 9 - PSP Video 9 est un outil de conversion gratuit permettant de convertir des fichiers vidéo (avi, divx, mpeg, etc.) au formats...Catégorie: Edition vidéo
Licence: Freeware/gratuit
Télécharger MTV Video Converter 1.11.4MTV Video Converter - Le programme MTV Video Converter est un convertisseur vidéo vers le format MTV acceptant les formats d'entrée suivants : ...Catégorie: Conversion
Licence: Freeware/gratuit
Télécharger WinAVI Video Capture 2.0.0.1WinAVI Video Capture - WinAVI Video Capture peut capturer vos films en provenance de périphériques AV comme un magnétoscope, un camescope ou une...Catégorie: Edition vidéo
Licence: Freeware/gratuit
Télécharger PS3 Video 9 1.94PS3 Video 9 - PS3 Video 9 est un outil de conversion gratuit permettant de convertir des fichiers vidéo (avi, divx, mpeg, etc.) au formats...Catégorie: Edition vidéo
Licence: Freeware/gratuit
Plus de logiciels gratuits sur « Javascript Vider un iframe »