Redimensionner une iframe automatiquement à la dimension du contenu affiché

Benoit — Thu, 09 Jul 2009 08:00:36 +0000

Une petite fonction javascript bien pratique pour utiliser au mieux le potentiel des iframes. Découverte dans Joomla, elle permet de redimensionner automatiquement une iframe en fonction du contenu affiché dans celle-ci. Bien pratique pour utiliser en toute transparence ou presque une iframe. Lorsque celle-ci est inévitable évidemment !

Le principe est simple. La fonction calcule à chaque affichage la hauteur de la page affichée dans votre cadre et redimensionne celui-ci au besoin à l’aide d’un “onload”.

Attention cependant, la page contenant l’iframe et la page à afficher dans l’iframe doivent être sur le même serveur.

La fonction Javascript :

function iFrameHeight() {
var h = 0;
if ( !document.all ) {
h = document.getElementById('blockrandom').contentDocument.height;
document.getElementById('blockrandom').style.height = (h + 110) + 'px';
} else if( document.all ) {
h = document.frames('blockrandom').document.body.scrollHeight;
document.all.blockrandom.style.height = (h + 70) + 'px';
}
}

La page html qui contient votre iframe (et la fonction javascript ci-dessus)




Cette option ne fonctionnera pas correctement car votre navigateur ne supporte par les IFrames

DevBlog » iframe

Redimensionner une iframe automatiquement à la dimension du contenu affiché