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)
<body style="text-align:center;margin:0px;padding:0px;"> <div> <iframe onload="iFrameHeight()" id="blockrandom" src="http://www.domaine.com" width="100%" height="500" scrolling="auto" align="top" frameborder="0" > Cette option ne fonctionnera pas correctement car votre navigateur ne supporte par les IFrames</iframe> </div> </body>
Bonjour,
Comment faire la même chose mais pour un fichier PDF.
Merci de vos réponses
Gilles