j'ai un petit problème avec une iframe, j'envoie une page WEB dans une iframe dans ma page de base, et sur la page appelée j'ai ceci :
<script>
function IframeHeight(iframeName) {
if (!window.parent) return;
var myIframe = window.parent.document.getElementById(iframeName);
if(!myIframe) return;
myIframe.style.height = document.body.scrollHeight + 50 + "px";}
</script>
avec :
'content' étant le nom de mon iframe.
Ce code me permet de redimensionner ma page en fonction de la longueur de l'iframe pour avoir l'ascenceur en dehors de celle-ci.
Voici mon problème :
si l'iframe est plus petite que la hauteur de ma resolution, elle ne descend pas jusqu'en bas de la page (sans scroll), en fait c'est normal mais j'aimerais pouvoir lui spécifier une hauteur minimale...
C-à-d, si la hauteur de l'iframe est inférieure à (la hauteur de la page - mon bandeau du haut qui fait 182px).
Si quelqu'un pouvait me rajouter les quelques petites lignes de javascript qui me permetterait de faire ceci...
B
onjour...
pas sur d'avoir bien compris mais je te livre cela...
<script type="text/javascript">
function IframeHeight(iframeName) {
if (!window.parent) return;
var myIframe = window.parent.document.getElementById(iframeName);
if(!myIframe) return;
//-- Récup de la hauteur
var Hauteur = myIframe.offsetHeight;
//-- La tu places tes tests
var H_Mini = document.body.scrollHeight + 50;
if( Hauteur < H_Mini){
Hauteur = H_Mini;
//-- Et tu réajustes
myIframe.style.height = Hauteur + "px";
}
}
</script>
En fait je voudrais que mon iframe descende tout le temps jusqu'en bas de la page
Et pour le moment:
- si elle est plus grande que la page, on a un scroll et elle va forcément jusqu'en bas...
- si elle est plus petiteque la page, il n'y a donc plus de scroll, mais elle ne descend pas jusqu'en bas de la page.
Le soucis c'est qu'elle se trouve dans une table qui n'a pas "height=100%" par exemple, ce qui aurai permis à mon iframe de descendre toujour jusqu'en bas de la page, mais si je fais ça, ça ne marche pas dans firefox...
Bon je ne sais pas si je suis bien clair...
Voici le lien vers la page test, pour que vous puissiezplus facilement voir ce que j'aimerai avoir... Et ce que j'ai pour le moment !
B onjour...
je te livres ce code assez commenté a intégrer dans la partie <HEAD>...</HEAD> de ta page...
<script type="text/javascript">
//------------------------
function Init_Iframe( id_){
var H_Haut = 182; // Hauteur Bandeau Haut
var H_Bas = 20; // Hauteur Bandeau Bas
var H_Mini = 100; // Hauteur Mini au cas ou
var Hauteur = 0; // Hauteur Fenetre Affichage
//-- Recup Objet
var O_Iframe = document.getElementById( id_);
//-- Recup dimension Fenetre Affichage
if( window.innerWidth)
Hauteur = window.innerHeight;
else
Hauteur = document.body.clientHeight;
//-- Test si OK
if( !window.parent) return;
if( !O_Iframe) return;
//-- Calcul de la hauteur
Hauteur -= (H_Haut +H_Bas);
//-- Test pour hauteur mini
if( Hauteur < H_Mini)
Hauteur = H_Mini;
//-- Reajuste la hauteur
O_Iframe.style.height = Hauteur + "px";
}
<script>
Il ne te restes plus qu'a mettre sur le onload de l'IFRAME
Apparament gros BLEM ?????
je renvoie...en espérant que le KK ne se reproduise pas...
je te livres ce code assez commenté a intégrer dans la partie <HEAD>...</HEAD> de ta page...
<script type="text/javascript">
//------------------------
function Init_Iframe( id_){
var H_Haut = 182; // Hauteur Bandeau Haut
var H_Bas = 20; // Hauteur Bandeau Bas
var H_Mini = 100; // Hauteur Mini au cas ou
var Hauteur = 0; // Hauteur Fenetre Affichage
//-- Recup Objet
var O_Iframe = document.getElementById( id_);
//-- Recup dimension Fenetre Affichage
if( window.innerWidth)
Hauteur = window.innerHeight;
else
Hauteur = document.body.clientHeight;
//-- Test si OK
if( !window.parent) return;
if( !O_Iframe) return;
//-- Calcul de la hauteur
Hauteur -= (H_Haut +H_Bas);
//-- Test pour haut mini
if( Hauteur < H_Mini)
Hauteur = H_Mini;
//-- Reajuste la hauteur
O_Iframe.style.height = Hauteur + "px";
}
</script>
Il ne te restes plus qu'a mettre sur le onload de l'IFRAME
