Avatar billede side1 Novice
19. april 2010 - 09:03 Der er 16 kommentarer og
1 løsning

Kan man få Iframe´s til at tilpasse sig selv i højden

sådan at man ikke skal skrive f.eks. height="70", hvorved man jo låser den i højden. Det er fordi jeg kan skiftene indhold i framen, og jeg gerne vil undgå scroll funktionen.
Avatar billede olebole Juniormester
19. april 2010 - 09:13 #1
Avatar billede olebole Juniormester
19. april 2010 - 09:14 #2
Avatar billede olebole Juniormester
19. april 2010 - 09:14 #3
Hmmmm ... og jeg reloadede endda siden, da den ikke viste det første indlæg ...!?!!??!!!
Avatar billede side1 Novice
19. april 2010 - 09:33 #4
Det virker ikke har prøvet nedenstående, hvor side.htm er en side med en masse linier, men den laver kun højden 7-8 linier

<iframe id="iframe1" src="side.htm"></iframe>

<script type="text/javascript">
document.getElementById("iframe1").contentWindow.onload=function(){
  parent.document.getElementById("iframe1").style.height=document.getElementsByTagName("body")[0].offsetHeight+"px"
}
</script>
Avatar billede olebole Juniormester
19. april 2010 - 09:37 #5
Prøv at lægge et link til forsøget
Avatar billede The_Buzz Novice
19. april 2010 - 09:48 #6
Avatar billede side1 Novice
19. april 2010 - 09:49 #7
Avatar billede olebole Juniormester
19. april 2010 - 09:57 #8
Scriptet skal stå efter iframe'en. Ellers eksisterer iframe'en jo ikke, når scriptet kaldes  ;o)
Avatar billede side1 Novice
19. april 2010 - 10:05 #9
Jeg har prøvet begge ting. Jeg har uploaded nu, hvor det står efter, men det virker stadig ikke.
Avatar billede The_Buzz Novice
19. april 2010 - 15:51 #10
Har du prøvet den jeg foreslog?
http://lottostat.dk/test.html

Resize script snuppet fra: http://www.dynamicdrive.com/dynamicindex17/iframessi2.htm
Avatar billede olebole Juniormester
19. april 2010 - 16:08 #11
Ahhhh ... det er et gammelt quirks mode script. Ret til:


<script type="text/javascript">
document.getElementById("iframe1").contentWindow.onload=function(){
  parent.document.getElementById("iframe1").style.height=document.getElementsByTagName("html")[0].offsetHeight+"px"
}
</script>
Avatar billede side1 Novice
19. april 2010 - 16:40 #12
Det virker heller ikke. I explorer laver den bare et højt vindue. I firefox virker det slet ikke.


The Buzz, dit kan jeg heller ikke få til at virke

http://www.billige.dk/resize/test04.html
Avatar billede The_Buzz Novice
19. april 2010 - 16:57 #13
side1 - det virker KUN hvis den loader en side fra samme domain som den kaldes fra...
Avatar billede side1 Novice
19. april 2010 - 17:01 #14
Nu har jeg fået The Buzz,´s til at virke delvis. Desværre viser den i firefox scroll knap i højre side

http://billige.dk/resize/test04.html
Avatar billede side1 Novice
19. april 2010 - 17:07 #15
Problemet med det er også at det er et kæmpe script til så lille en ting. Der burde være en simpel metode.
Avatar billede olebole Juniormester
19. april 2010 - 23:36 #16
test.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>
<body>

<iframe id="myFrame" src="test2.html" style="width:300px;height:150px"></iframe>

<script type="text/javascript">
function frameReSize() {
    var css = oFr.style;
    css.height = (oWin.document.documentElement.scrollHeight+4) + "px";
}

var oFr = document.getElementById("myFrame"),
oWin = oFr.contentWindow;
if (oWin.addEventListener) oWin.addEventListener("load", frameReSize, false);
else if (oWin.attachEvent) oWin.attachEvent("onload", frameReSize);
else oWin.onload = frameReSize;
</script>

</body>
</html>

test2.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>
<body>

<div>Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla<br>
    Bla blabla bla blabla bla</div>

</body>
</html>
Avatar billede side1 Novice
22. april 2010 - 23:37 #17
Det virker helt perfekt. Jeg takker. Send et svar hvis du har brug for point.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester