IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Iframe à hauteur variable


Sujet :

JavaScript

  1. #1
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    46
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 46
    Points : 29
    Points
    29
    Par défaut Iframe à hauteur variable
    Bonjour,

    j'ai une iframe dont le contenu est variable. Ce qui implique que la hauteur (height) de cette iframe doit être variable.
    n'étant pas très à l'aise en javascript je voulais donc savoir s'il est possible de faire ça.

    j'ai trouvé un script

    http://www.dynamicdrive.com/dynamici...iframessi2.htm

    permettant apparemment de réaliser ce que je veux, mais ca ne fonctionne pas.

    Est ce que quelqu'un pourrait me fournir un peu d'aide.

    d'avance merci.
    -> débutant <-

  2. #2
    Membre expert
    Avatar de FremyCompany
    Profil pro
    Étudiant
    Inscrit en
    Février 2006
    Messages
    2 532
    Détails du profil
    Informations personnelles :
    Âge : 32
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2006
    Messages : 2 532
    Points : 3 239
    Points
    3 239
    Par défaut
    Dans ce gout la :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    var iframe = document.getElementById("iframe");
    var Window = iframe.window?iframe.window:iframe.contentWindow;
    var Document=Window.document;
    iframe.style.height=(Document.body.offsetHeight+10)+"px";
    iframe.style.width=(Document.body.offsetWidth+10)+"px";
    Fremy
    Pour vos développements Web et une navigation agréable, le tout gratuit :
    1) IE 8 + IE7Pro (Si vous ne connaissez pas IE7Pro, essayez !)
    2) FF 3 + Web Developper Toolbar + AdBlockPlus + FireBug + GreaseMonkey

  3. #3
    Membre expert
    Avatar de FremyCompany
    Profil pro
    Étudiant
    Inscrit en
    Février 2006
    Messages
    2 532
    Détails du profil
    Informations personnelles :
    Âge : 32
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2006
    Messages : 2 532
    Points : 3 239
    Points
    3 239
    Par défaut
    *All external pages loaded into the iframe must be from the same domain as the page the iframe tag is inserted in. Setting the iframe's src to an external site such as "http://www.google.com" will not work, since the script cannot probe and detect the height of pages from external domains.
    Fremy
    Pour vos développements Web et une navigation agréable, le tout gratuit :
    1) IE 8 + IE7Pro (Si vous ne connaissez pas IE7Pro, essayez !)
    2) FF 3 + Web Developper Toolbar + AdBlockPlus + FireBug + GreaseMonkey

  4. #4
    Membre du Club Avatar de Sianobel
    Femme Profil pro
    Webmaster
    Inscrit en
    Octobre 2007
    Messages
    54
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Octobre 2007
    Messages : 54
    Points : 58
    Points
    58
    Par défaut
    Pour ma part, le script fonctionne très bien. Il suffit de faire les changements indiqués.

  5. #5
    Candidat au Club
    Homme Profil pro
    Ingénieur intégration
    Inscrit en
    Mai 2008
    Messages
    1
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Maroc

    Informations professionnelles :
    Activité : Ingénieur intégration
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2008
    Messages : 1
    Points : 4
    Points
    4
    Par défaut demande d'aide
    Bonjour,

    le code javascript marche bien, mais svp il marche avec les fichier intere et pas avec le adresse externe


    CAD :

    src="../fichier.html" (bon)

    src="http://www.site.com/fichier.html" (ne marche pas)

    Merci de bien m'aider si vous avez une solution

Discussions similaires

  1. Iframe à hauteur variable
    Par Nashrak dans le forum Général Conception Web
    Réponses: 1
    Dernier message: 28/03/2014, 17h45
  2. Hauteur variable d'un objet
    Par seabird dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 02/11/2006, 14h44
  3. iframe à hauteur variable selon le contenu
    Par FrankOVD dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 12/06/2006, 11h34
  4. <div id=contenu> hauteur variable avec scroll
    Par camyo dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 21/03/2006, 11h01
  5. [JTable] Pb hauteur variable de cellule + édition
    Par AurélienB dans le forum Composants
    Réponses: 3
    Dernier message: 08/02/2006, 15h32

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo