Discussion :

[KorbenDallas59]

Bonjour,
J'ai un problème que je n'arrive pas à résoudre, peut-être que quelqu'un pourra m'aider.
J'aimerai récupérer la hauteur d'un div(texte) qui se trouve dans un iframe pour ajuster la div(contenu) qui contient ladite iframe, j'ai fais ceci :
Parent (index.php) :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<script>
function ajust(id, hauteur) {
document.getElementById("contenu").style.height = hauteur + "px";
};
</script>
<div id="1">
<div id="contenu">
<iframe id="frame" src="enfant.php" width="100%" height="100%" frameborder="0"></iframe>
</div>
</div>

Enfant (enfant.php) :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<div id="texte">bla..bla..bla</div>
<script>
let hauteur = document.getElementById("texte").offsetHeight;
let id = 1;
window.parent.ajust(id, hauteur);
</script>

Il y a aussi une id parce qu'il y a 2 iframes dans index.php
Donc quand je fais

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

alert(hauteur + 'px et id = ' + id);

en ouvrant seul enfant.php ça fonctionne très bien j'ai (1230px et id 1) par contre si je fais la même chose sur index.php mon alerte me renvoie 0px et id 1
Je ne comprends pas pourquoi le paramètre (id) passe mais pas le paramètre (hauteur).

Si une bonne âme veut bien m'expliquer .
Je vous remercie par avance.
Franck.

[mathieu]

cela fait plusieurs années qu'il est conseillé de ne plus utiliser de frame et iframe. êtes vous sûr d'en avoir besoin ?
si vous voulez des conseils sur la façon de les éviter, n'hésitez pas à nous donner plus de détails sur ce que vous souhaitez faire, sur les utilisateurs de votre application, etc.