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

Mise en page CSS Discussion :

Insertion d'une page html dans une autre


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    491
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 491
    Par défaut Insertion d'une page html dans une autre
    Bonjour,

    Je crée des pages html (1 page correspond à un chapitre d'un document), et ensuite, je crée une page générale avec insertion de toutes les autres pages.
    Pour cela j'utilise la balise <object>, avec un code qui ressemble à ça :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <div id="3_4_1_Coverage">
    	<h5>3.4.1 Coverage</h5>
    	<div id="3_4_Content"><object data="./pages/3_4_1_Coverage.htm"></object></div>
    </div>

    Mais la taille de l'objet ne s'adapte pas à la taille de la page web insérée (cf. pièce jointe)
    Je pense que ça peut se régler avec du css, j'ai trouvé la propriété box-sizing, je sais pas si c'est elle qu'il faut utiliser ?

    Un peu d'aide?


    Nom : html.jpg
Affichages : 332
Taille : 26,2 Ko


    Merci,
    Nico

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    Bonjour,

    Citation Envoyé par DiverSIG
    Pour cela j'utilise la balise <object>, avec un code qui ressemble à ça :
    pourquoi ne pas utiliser des <iframe>, dans ce cas je pense que tu devrais regarder :

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    491
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 491
    Par défaut
    J'ai mis le code à la fin de ma page, avant la balise </body>.
    Mais dans la fonction resizeIFrame(), si je fais un console.log(doc) après la ligne const doc = iframe.contentDocument;, l'ai comme résultat : null

    Du coup, le iframe ne se redimensionne pas.

    Nico

  4. #4
    Expert confirmé
    Avatar de ProgElecT
    Homme Profil pro
    Retraité
    Inscrit en
    Décembre 2004
    Messages
    6 132
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 69
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Retraité
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Décembre 2004
    Messages : 6 132
    Par défaut
    Salut

    En passant par une Promise et interroger la grandeur suite à la réalisation de la Promise ?
    :whistle:pourquoi pas, pour remercier, un :plusser: pour celui/ceux qui vous ont dépannés.
    saut de ligne
    OOOOOOOOO👉 → → Ma page perso sur DVP ← ← 👈

  5. #5
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    Attention :
    pour que cela fonctionne il faut ouvrir les pages à partir d'un serveur local sinon une erreur « cross origin » est levée, par exemple
    Citation Envoyé par Chrome
    Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame.
    Tu peux tester, toujours sous Chrome en lançant celui-ci avec la ligne de commande suivante :
    Code Bash : Sélectionner tout - Visualiser dans une fenêtre à part
    "C:\chemin-des-applications\Chrome\Application\chrome.exe" --allow-file-access-from-files
    c'est à adapter bien sûr.

Discussions similaires

  1. Réponses: 2
    Dernier message: 15/05/2013, 18h19
  2. affichage d'une page html dans une autre !
    Par AmineDev9 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 17/05/2008, 18h52
  3. [HTML] HTML Comment imbriquer une page HTML dans une autre page
    Par Gerard du Bouchonnois dans le forum Balisage (X)HTML et validation W3C
    Réponses: 9
    Dernier message: 15/06/2006, 17h11
  4. [insertion de pages html dans d'autres pages]
    Par Patriarch24 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 07/03/2006, 14h56
  5. inclure une page html dans une autre
    Par jani dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 10/08/2005, 19h28

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