Søg
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
<ole>

http://www.eksperten.dk/spm/835368

/mvh
</bole>
Avatar billede olebole Juniormester
19. april 2010 - 09:14 #2
<ole>

http://www.eksperten.dk/spm/835368

/mvh
</bole>
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
http://lottostat.dk/test.html

Resize script snuppet fra: http://www.dynamicdrive.com/dynamicindex17/iframessi2.htm
Avatar billede side1 Novice
19. april 2010 - 09:49 #7
http://billige.dk/test/test02.html
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra PHP kategorien

Titel Indlæg Oprettet Seneste aktivitet
Bruge PHP til at hente hjemmeside med fsockopen Af Strawberry i PHP 18 29/01/202613:08 02/02/202610:29
Hjemmeside der virker både på mobil og computer Af Strawberry i PHP 6 25/01/202620:06 30/01/202618:53
Hvordan får jeg reCAPTCHA på min hjemmeside? Af Strawberry i PHP 1 20/01/202621:11 23/01/202618:04
MS Graph vis kalenderaftaler Af dane022 i PHP 0 06/11/202508:43 -
Hente data fra DEVICE via websocket Af nemlig i PHP 6 25/06/202512:37 25/06/202519:17
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 19:43 Installation af Adobe Photoshop Elements 2019 Af mort1 i Billedbehandling
17/0418:29 Gendanne slettet partition overskrevet med Windows 11 Af Strawberry i Windows
17/0416:11 Samle data fra flere kolonner i 1 Af FinnLauridsen i Excel
17/0414:44 ny fjernbetjening til DVD afspiller fra 2004 Af Nette i Andet hardware
17/0412:36 Manglende kode Af Bent i Windows
White papers
Flere white papers »