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:

---

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?


Pièce jointe 612076


Merci,
Nico

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 :

↪ Redimensionnement iframe

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

Salut

En passant par une Promise et interroger la grandeur suite à la réalisation de la Promise ?

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:

---

"C:\chemin-des-applications\Chrome\Application\chrome.exe" --allow-file-access-from-files

---

c'est à adapter bien sûr.