Ik wil de hoogte van een iframe dmv javascript laten aanpassen aan de inhoud, hierboor heb ik op google een hoop scriptjes gevonden maar ze lijken allemaal niet te werken. Het is om een phpbb3 forum in een wordpress pagina te plaatsen. Wat ik nu gedaan heb:
- In de header van de wordpress theme de volgende javascript code gezet:
- in wordpress een pagina gemaakt met daarin de html code:
Zou het hele javascriptje niet werken, of komt het mischien door bepaalde css die op de <p> is toegepast waarin het iframe staat? (en helaas kan ik de iframe niet uit die <p> halen, aangezien ik de pagina in de wordpress editor heb gemaakt)
EDIT: linkje vergeten
: http://blog.jazzle.nl/?page_id=3
- In de header van de wordpress theme de volgende javascript code gezet:
code:
1
2
3
4
5
6
7
8
9
10
11
12
| <script language="JavaScript">
function iFrameHeight() {
if(document.getElementById && !(document.all)) {
h = document.getElementById('forumframe').contentDocument.body.scrollHeight;
document.getElementById('forumframe').style.height = h;
}
else if(document.all) {
h = document.frames('forumframe').document.body.scrollHeight;
document.all.forumframe.style.height = h;
}
}
</script> |
- in wordpress een pagina gemaakt met daarin de html code:
code:
1
2
| <iframe scrolling="no" width="800" frameBorder="0" src="http://www.jazzle.nl/forum/index.php" marginHeight="10" marginWidth="0" name="forumframe" border="0" title="forumframe" id="forumframe"></iframe>
<script language="JavaScript"> setInterval("iFrameHeight()", 1000)</script> |
Zou het hele javascriptje niet werken, of komt het mischien door bepaalde css die op de <p> is toegepast waarin het iframe staat? (en helaas kan ik de iframe niet uit die <p> halen, aangezien ik de pagina in de wordpress editor heb gemaakt)
EDIT: linkje vergeten