Discussion :

[defacta]

Salut,

J'aimerai savoir comment encapsuler le code HTML et JavaScript d'une iframe dans une variable.
Mon but est de remplacer le contenu d'une iframe par un message puis de remettre le code qui se trouvait dans l'iframe sans avoir à la recharger.
Code contenant l'iframe:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
  <td id="TD_iframe_page">
     <iframe id="iframe_page" name="iframe_page" src="iframe_page.php" width="100%" marginheight="0" allowtransparency="true" marginwidth="0" height="100px" scrolling="no" frameborder="0"></iframe>
  </td>

Merci,
Vincent.

[SpaceFrog]

pourquoi le remplacer ?
bascule juste son display ou visibility ...

[defacta]

pourquoi le remplacer ?
bascule juste son display ou visibility ...

Le but est de mettre le contenu d'une DIV dans une iframe pour qu'elle prenne exactement l'espace de l'iFrame mais sans perdre le contenu de l'iFrame pour ne pas avoir à recharger l'iFrame quand je la réaffiche.
J'avais oublié innerHTML, je vais essayer ce soir, la j'ai pas mon ordi. Est-ce vous pensez que cette méthode peut marcher:
1/ Je mets dans une variable le contenu de l'iFrame comme ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var contenu = iframe_page.innerHTML ;

2/ Je mets ds l'iframe le contenu d'une div de la page:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

iframe_page.innerHTML =  maDiv.innerHTML;

3/ Quand l'utilisateur clique sur un bouton, je remets ce qu'il y avait à l'origine ds l'iFrame:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

iframe_page.innerHTML =  contenu;

La j'ai pas mon ordi, vous pensez que cela peut marcher avec du contenu HTML et JavaScript ds l'iFrame ? J'ai pas mon ordi et je ne pourrais essayer que ce soir...

Merci,
Vincent.

[javatwister]

pourquoi le remplacer ?
bascule juste son display ou visibility ...

excellente citation, non?

[SpaceFrog]

Merci JT ..
Mais bon à priori c'est juste pour décorer ...

[defacta]

Merci JT ..
Mais bon à priori c'est juste pour décorer ...

Disons que display ne me permettrait que d'afficher (block) ou de cacher (none) le contenu de l'iFrame mais ce que je souhaite, c'est garder ses dimensions sachant qu'elles peuvent varier.
Donc je souhaite changer son contenu sans changer sa taille et remettre le contenu originel sans avoir à recharger l'iFrame...

PS: J'espere que innerHTml va m'offrir cette possibilité ;-)

[SpaceFrog]

et visibility ...

[defacta]

et visibility ...

Ben avec visibility, ce serait la mm chose, la mettre à "hidden" ne permettra pas d'y afficher qqchose de différent...

[SpaceFrog]

quelle imagination débordante ...

et que dirais tu d'un div qui se mettrait à la place de l'iframe ...
du coup tu passe le display de l'un a block quand le premier est en none ...

[defacta]

J'ai trouvé, pour récupérer le contenu HTML d'une iframe on peut faire comme ça:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var contenu = window.frames["iframe_page"].document.getElementsByTagName("html")[0].innerHTML  ;

Et donc pour changer le contenu, on peut faire comme ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

  window.frames["iframe_page"].document.getElementsByTagName("html")[0].innerHTML = 'Coucou' ;

Voila...

[SpaceFrog]