Forum GraphWeather

Forum d'aide GraphWeather
Nous sommes actuellement le Jeu Mars 28, 2024 3:34 pm

Le fuseau horaire est UTC+1 heure




Publier un nouveau sujet Répondre au sujet  [ 2 message(s) ] 
Auteur Message
 Sujet du message: Astuce Auto resize Iframe
MessagePublié: Sam Fév 07, 2015 9:56 am 
Hors-ligne
Membre

Inscription : Lun Nov 22, 2010 7:53 pm
Message(s) : 71
Localisation : Brioude (43)
Bonjour,

Venant de refaire mon site et étant embêté avec le dimensionnement des Iframes qui sont fixes et peuvent parfois faire des pages longues pour rien du tout (particulièrement sur les stats NOAA).
J'ai fini par trouver un bout de code pour que la longueur s'adapte automatiquement. J'ai testé sur les dernières versions de IE, FF, Chrome et Opera.

A mettre dans <head> (changer indexInlineFrame1 par le nom de votre iframe) :
Code :
<script type="text/javascript">
/* free code from dyn-web.com */

function getDocHeight(doc) {
    doc = doc || document;
    // from http://stackoverflow.com/questions/1145850/get-height-of-entire-document-with-javascript
    var body = doc.body, html = doc.documentElement;
    var height = Math.max( body.scrollHeight, body.offsetHeight,
        html.clientHeight, html.scrollHeight, html.offsetHeight );
    return height;
}

function setIframeHeight(id) {
    var indexInlineFrame1 = document.getElementById(id);
    var doc = indexInlineFrame1.contentDocument? indexInlineFrame1.contentDocument: indexInlineFrame1.contentWindow.document;
    indexInlineFrame1.style.visibility = 'hidden';
    indexInlineFrame1.style.height = "10px"; // reset to minimal height in case going from longer to shorter doc
    indexInlineFrame1.style.height = getDocHeight( doc ) + "px";
    indexInlineFrame1.style.visibility = 'visible';
}
</script>


Puis modiifer l'Iframe:

Code :
<iframe name="indexInlineFrame1" id="indexInlineFrame1"  src="./page1.html" onload="setIframeHeight(this.id)" style="position:absolute;text-align:center;left:167px;top:115px;width:920px;" scrolling="no"></iframe>


Les sources sont dans le code et pour ma part j'ai trouvé l'info ici:
http://www.willmaster.com/library/tutorials/auto-resize-iframe-when-content-size-changes.php

Bonne journée.

_________________
VP2 - Graphweather 2.0.321 - XNet Meteo 2011-10-14a - win10 x64
Image


Haut
 Profil  
Répondre en citant  
 Sujet du message: Re: Astuce Auto resize Iframe
MessagePublié: Sam Fév 07, 2015 12:15 pm 
Hors-ligne
Membre
Avatar de l’utilisateur

Inscription : Dim Jan 17, 2010 7:16 pm
Message(s) : 2624
Localisation : 1555 Villarzel - Switzerland
Salut,
merci pour l'astuce, c'est très intéressant.
Je vais essayer ça.

A+

_________________
_________________________________________________________________________________________________________
Station Vantage Pro2+ avec station agricole - Weatherlink 6.0.3 - GraphWeather 3.0.15b - Cumulus 1.9.4 - Windows W10 ultimate x64
http://www.boock.ch/meteo-villarzel.php
Image


Haut
 Profil  
Répondre en citant  
Afficher les messages publiés depuis :  Trier par  
Publier un nouveau sujet Répondre au sujet  [ 2 message(s) ] 

Le fuseau horaire est UTC+1 heure


Qui est en ligne ?

Utilisateur(s) parcourant ce forum : Aucun utilisateur inscrit et 1 invité


Vous ne pouvez pas publier de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas insérer de pièces jointes dans ce forum

Recherche de:
Aller vers :  
cron
POWERED_BY
Traduction et support en françaisHébergement de site