iframe

Gestart doorEleky12 reacties77 weergaven

13 berichten · pagina 1 van 1

Eleky

Lid · Topicstarter

Berichten
3.788
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Ik gebruik een iframe (ja is slecht), en nu wil ik dat hij de hoogte aanpast, alleen dat lukt niet..
De bedoeling is dat hij de hoogte van de pagina krijgt, maar dat doet hij niet, hij is veel hoger...
Hoe doe ik dit?
0
Berichten
5.795
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
deze doctype gebruiken

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">


en dan

<iframe src="http://jesourceurlhier.kiezzelfmaar" style="height:100%; width:100%; border:0px" scrolling="auto"></iframe>
0
Eleky

Lid · Topicstarter

Berichten
3.788
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Danku!
Zal het zo ff proberen!

EDIT, werkt niet... hij blijgt te hoog!
0
Berichten
5.795
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Eleky schreef:
Danku!
Zal het zo ff proberen!

EDIT, werkt niet... hij blijgt te hoog!

hmzz....
raar ik zal nog even kijken
0
Eleky

Lid · Topicstarter

Berichten
3.788
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
<iframe src="comments.php" style="border:0; background-color:aqua; height:100%; width:300px;" scrolling="auto"></iframe>


Dit is wat ik nu heb!
Die background-color is alleen om te checken waar hij looptwink
En mn comments.php:

[COLOR= #0000BB]<?php[/COLOR]
[URL="http://www.php.net/include"]include[/URL][COLOR= #007700]([/COLOR][COLOR= #DD0000]includes/header.php[/COLOR][COLOR= #007700]);[/COLOR]
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html>
<head></head>
<body>
[COLOR= #0000BB]<?php[/COLOR]
 [COLOR= #FF8000]//PHP code![/COLOR]
?>
</body>
</html>
0
Berichten
9.969
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Eleky schreef:
<iframe src="comments.php" style="border:0; background-color:aqua; height:100%; width:300px;" scrolling="auto"></iframe>
Dit is wat ik nu heb!
Die background-color is alleen om te checken waar hij looptwink
je zegt: hij blijft te hoog, maar ik zie
height:100%;
staan, dus dat lijkt me niet echt de bedoeling?
0
Eleky

Lid · Topicstarter

Berichten
3.788
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Kijk: de bedoeling is dat hij hoger of lager word, zich dus aanpast aan de pagina, want dat kan nogal verschillen!
Maar als ik nu text van 1 regel erin heb staan is hij alsnog ongeveer 75px groot schat ik!
0
Berichten
9.969
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Eleky schreef:
Kijk: de bedoeling is dat hij hoger of lager word, zich dus aanpast aan de pagina, want dat kan nogal verschillen!
Maar als ik nu text van 1 regel erin heb staan is hij alsnog ongeveer 75px groot schat ik!

Voorbeeld?
0
Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
height: auto; helpt dat niet?
0
Berichten
93.699
Reputatie
0
Punten
1,27
Lid sinds
Laatst gezien
margin van body etc. op 0 zettenemo?
0
Eleky

Lid · Topicstarter

Berichten
3.788
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
nee, werkt allemaal niet!
0
Eleky

Lid · Topicstarter

Berichten
3.788
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Weet iemand nog iets?

EDIT: Heb het, heb een js gevonden die het aanpast:

//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:
var iframeids=["comments"]

//Should script hide iframe from browsers that dont support this script (non IE5+/NS6+ browsers. Recommended):
var iframehide="no"

var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 3 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers

function resizeCaller() {
var dyniframe=new Array()
for (i=0; i<iframeids.length; i++){
if (document.getElementById)
resizeIframe(iframeids)
//reveal iframe for lower end browsers? (see var above):
if ((document.all || document.getElementById) && iframehide=="no"){
var tempobj=document.all? document.all[iframeids] : document.getElementById(iframeids)
tempobj.style.display="block"
}
}
}

function resizeIframe(frameid){
var currentfr=document.getElementById(frameid)
if (currentfr && !window.opera){
currentfr.style.display="block"
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight; 
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax
currentfr.height = currentfr.Document.body.scrollHeight;
if (currentfr.addEventListener)
currentfr.addEventListener("load", readjustIframe, false)
else if (currentfr.attachEvent){
currentfr.detachEvent("onload", readjustIframe) // Bug fix line
currentfr.attachEvent("onload", readjustIframe)
}
}
}

function readjustIframe(loadevt) {
var crossevt=(window.event)? event : loadevt
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement
if (iframeroot)
resizeIframe(iframeroot.id);
}

function loadintoIframe(iframeid, url){
if (document.getElementById)
document.getElementById(iframeid).src=url
}

if (window.addEventListener)
window.addEventListener("load", resizeCaller, false)
else if (window.attachEvent)
window.attachEvent("onload", resizeCaller)
else
window.onload=resizeCaller
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren