Discussion :

[leks89]

bonjour a tous

j'ai une petite BD qui contient une table avec 2 enregistrements

j'affiche ces enregistrements dans une page a l'aide des iframes. pour se faire j'ai mis une iframe dans une div et cette div est elle meme incluse dans un repeater.
j'arrive a ajuster le height de mes iframes de maniere automatique, mais le soucis c'est qu'en ajustant la taille des informations viennent s'afficher par dessus la deuxième iframe du coup je ne sais plus quoi faire.
Serait-il possible que lorsque j'ajuste la taille de la 1ere iframe , elle décale vers le bas la div qui contient la deuxième iframe?

voici le code utilise

Code :

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

1
2
3
4
5
 <div id="actg">
 
                         <iframe id="myIframe" scrolling="no" src="<%#Eval("LIENNEWS")%>" onload='javascript:resizeIframe(this);'
                        frameborder="0" width="580px" height=""></iframe>
                </div>

et le code javascript utiliser pour ajuste la taille de l'iframe de maniere auto

Code :

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

1
2
3
4
5
  function resizeIframe(obj) {
                obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
                obj.style.width = obj.contentWindow.document.body.scrollWidth + 'px';
 
            }

[headmax]

A essayé en CSS:

Code :

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

1
2
3
4
5
6
7
8
 
#actg{
 display:block;
}
 
iframe{
 display:block;
}

Attention que ta div contener n'a pas de position:absolute ou relative.

[Daii619]

Salutation à tous.

Cet exemple est vraiment très utile, car le code est très simple et concis.

Néanmoins, j'aimerais savoir s'il y a moyen pour que le iFrame se contracte d'elle même, au lieu d'ajouter des pixels pour la dilater davantage.

Entre autre par exemple, que le iFrame passe d'une page à 900px, à une page à 300px, sans garder la taille de la page qui lui précède.