Petit soucis d'Iframe

Signaler
Messages postés
9
Date d'inscription
jeudi 6 janvier 2005
Statut
Membre
Dernière intervention
12 mars 2007
-
Messages postés
9
Date d'inscription
jeudi 6 janvier 2005
Statut
Membre
Dernière intervention
12 mars 2007
-
    Bonsoir !

 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...

d'avance merci beaucoup !

5 réponses

Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
18
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>

ou un truc dans ce style peut être...

;0)
Messages postés
9
Date d'inscription
jeudi 6 janvier 2005
Statut
Membre
Dernière intervention
12 mars 2007

   Merci PetolTeam,

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 !

http://csiwo.free.fr/test/index.thm

D'avance merci beaucoup !
Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
18
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

;0)
Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
18
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

;0)
Messages postés
9
Date d'inscription
jeudi 6 janvier 2005
Statut
Membre
Dernière intervention
12 mars 2007

Alors là !
Merci beaucoup ! ça fais vraiment plaisir !
Je teste ça tout de suite !
Merci beaucoup PetroleTeam !