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.