11548 sujets

JavaScript, DOM et API Web HTML5

Hauteur d'une page

Bonjour,

J'aimerai savoir s'il est possible d'obtenir la hauteur (height) d'une page exterieure, pour intégrer cette page dans une iframe avec la hauteur lui correspondant.

Voila ce que je voudrais faire exactement :
J'ai un forum qui est a une adresse http://www.123.com et j'aimerai l'intégrer dans mon site qui a une adresse http://www.1234.com. Le forum s'intégrerai alors directement dans le design de mon site.

J'ai déjà pensé a mettre mon forum sur le même serveur et l'intégrer via ?page=forum/index.php comme les autres pages de mon site, mais j'ai trouvé la solution de l'iframe plus facile. Le problème étant la barre de défilement de l'iframe.

J'espère avoir été clair Smiley smile J'attends vos réponses, merci.
Modérateur
bonjour, apres une recherche rapide je tombe la
: http://xkr.us/articles/dom/iframe-document/

alors je teste comme ça Smiley smile :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>HTML 4.01 Transitional</title>
<style type='text/css'>
</style>
<script type='text/javascript'>

function changeFrame() {
    var oIframe = document.getElementById("laframe");
    var oDoc = (oIframe.contentWindow ||  
oIframe.contentDocument);
    if (oDoc.document) {
        oDoc = oDoc.document;

    }
    //oDoc.body.style.display = "none";// pour test visuel, illico presto
	var hauteur_body=oDoc.body.offsetHeight;
document.getElementById('laframe').style.height=hauteur_body+'px';
    return true;

}</script>
</head>
<body>
<h1>	Titre 1	</h1>

<p>iframe</p>

  <h2>Exemple</h2>
  <p>essayons d'adapter l'iframe a la hauteur de son contenu: (ne marche pas sur un domaine different)</p>
  <p><iframe src="index0.htm" id="laframe" ></iframe></p>
  <p><button onclick="return changeFrame();">Allonge l'iframe !</button></p>
<p>ne reste plus qu'a voir pour la largeur.</p>
</body>
</html>


Cela semble bien correspondre a ta recherche ?

++
C'est exactement ce que je recherchais Smiley biggrin , mis a part le fait que ca ne marche pas avec un domaine différent, mais je pense résoudre le problème en basculant mon forum sur le serveur du site.

Merci Smiley jap
J'ai reussi a obtenir le résultat que je voulais sur ici mais quand on change de page en cliquant sur login par exemple, la hauteur de l'iframe est toujours définie sur la premiere page, et la couleur du <body> (ici, grise) qui remplie le reste de la page.

Il faudrait que la hauteur de l'iframe s'adapte en fonction de chaque page chargée dans l'iframe. A voir si c'est réalisable ?
Sujet clos
Aller à