Søg
Avatar billede Slettet bruger
11. oktober 2005 - 15:50 Der er 8 kommentarer og
1 løsning

Størrelse på iframe efter indhold - Klassisk spørgsmål !

Hej Eksperter.
Så kaster jeg lidt point i grams til et godt svar.
Har som andre behov for at justere størrelsen på en iframe efter indholdet så jeg er fri for at justere størrelsen alt efter hvor meget tekst der står i den html jeg ønsker at kalde i framen og for at slippe for scrollbars i framen.

Olebole har tidligere givet et udmærket svar i : http://www.eksperten.dk/spm/193149

Men der virker ikke hvis jeg ønsker to frames på samme side, f.eks nyheder og en hovedtekst.

Jeg kalder min frame således hvilket giver scroll:

<iframe name="tekstframe" src="tekst.htm" marginwidth="10" marginheight="10" style="position:absolute;top:300px;width:100%;height:100px;border:1px dashed #dddddd;" frameborder="0"></iframe>

Hvad skal jeg gøre ???

Har lidt krav til et godt svar der skal være en holdbar løsning mellem de forskellige browsere og umiddelbart nemt at forstå da jeg er halvgrøn i frames og scripts.

Har lagt en test op på : http://engel-larsen.dk/test/

Hilfe bitte.
- Engel
Avatar billede roenving Novice
11. oktober 2005 - 16:06 #1
Sæt f.eks. dette script ind i de iframes, du loader:

<script language="javascript" type="text/javascript">
window.onload = function
var t=document.body.scrollHeight;
if(parent!=window)parent.document.getElementById('IFRAMEID').style.height=t+22+'px';
}
</script>

-- bemærk, at id (her IFRAMEID !-) skal svare til det id, du giver iframen i dokumentet, og de 22px var vist til en special-opgave, så den skal du lige skrue på (jeg mener den skal være ca. 4px !-)
Avatar billede Slettet bruger
11. oktober 2005 - 16:42 #2
Hej R.
Long time... jeg kigger på det senere på aftenen og giver svar.

Ses - Engel
Avatar billede Slettet bruger
11. oktober 2005 - 16:52 #3
Hej.

Kalder den med:
<iframe name="tekstframe" src="tekst.htm" marginwidth="10" marginheight="10" style="position:absolute;top:300px;width:100%;height:100px;border:1px dashed #dddddd;" frameborder="0"></iframe>

og html´en i iframen ser således ud men der virker ikke:

<html>
<head>

<style type="text/css">
  body {
    scrollbar-base-color: ffffff;
    scrollbar-face-color: ffffff;
    scrollbar-arrow-color: cccccc;
    scrollbar-track-color: f5f5f5;
    scrollbar-shadow-color: ffffff;
    scrollbar-highlight-color: ffffff;
    scrollbar-3dlight-color: cccccc;
    scrollbar-darkshadow-color: cccccc;
  }
</style>

<script language="javascript" type="text/javascript">
window.onload = function
var t=document.body.scrollHeight;
if(parent!=window)parent.document.getElementById('IFRAMEID').style.height=t+4+'px';
}
</script>

<meta http-equiv=\"Content-Type\" content=\"text/html; charset=windows-1252\">
<meta http-equiv=\"Expires\" CONTENT=\"Fri, Jun 12 1981 08:20:00 GMT\">
<meta http-equiv=\"Pragma\" CONTENT=\"no-cache\">
<meta http-equiv=\"Cache-Control\" CONTENT=\"no-store\">
<title></title>

</head>
<body bgcolor="#ffffff">

Test<br>
Test<br>
Test<br>
Test<br>
Test<br>
Test<br>
Test<br>
Test<br>
Test<br>
Test<br>
Test<br>
Test slut<br>

</body>
</html>



- Engel
Avatar billede roenving Novice
11. oktober 2005 - 16:53 #4
<iframe id="IFRAMEID" name="tekstframe" src="tekst.htm" marginwidth="10" marginheight="10" style="position:absolute;top:300px;width:100%;height:100px;border:1px dashed #dddddd;" frameborder="0"></iframe>
Avatar billede Slettet bruger
11. oktober 2005 - 16:54 #5
hehehehe... mente nu (glemte framenavnet):

<html>
<head>

<style type="text/css">
  body {
    scrollbar-base-color: ffffff;
    scrollbar-face-color: ffffff;
    scrollbar-arrow-color: cccccc;
    scrollbar-track-color: f5f5f5;
    scrollbar-shadow-color: ffffff;
    scrollbar-highlight-color: ffffff;
    scrollbar-3dlight-color: cccccc;
    scrollbar-darkshadow-color: cccccc;
  }
</style>

<script language="javascript" type="text/javascript">
window.onload = function
var t=document.body.scrollHeight;
if(parent!=window)parent.document.getElementById('tekstframe').style.height=t+4+'px';
}
</script>

<meta http-equiv=\"Content-Type\" content=\"text/html; charset=windows-1252\">
<meta http-equiv=\"Expires\" CONTENT=\"Fri, Jun 12 1981 08:20:00 GMT\">
<meta http-equiv=\"Pragma\" CONTENT=\"no-cache\">
<meta http-equiv=\"Cache-Control\" CONTENT=\"no-store\">
<title></title>

</head>
<body bgcolor="#ffffff">

Test<br>
Test<br>
Test<br>
Test<br>
Test<br>
Test<br>
Test<br>
Test<br>
Test<br>
Test<br>
Test<br>
Test slut<br>

</body>
</html>
Avatar billede Slettet bruger
11. oktober 2005 - 16:54 #6
du er godt nok hurtig.... smutter men kigger på det senere....

- Engel
Avatar billede Slettet bruger
11. oktober 2005 - 18:21 #7
Hmmm virker stadig ikke. Vi er enige om:

<iframe id="IFRAMEID" name="tekstframe" src="tekst.htm" marginwidth="10" marginheight="10" style="position:absolute;top:300px;width:100%;height:100px;border:1px dashed #dddddd;" frameborder="0"></iframe>

og min htmlkode i selve framen:

<html>
<head>

<style type="text/css">
  body {
    scrollbar-base-color: ffffff;
    scrollbar-face-color: ffffff;
    scrollbar-arrow-color: cccccc;
    scrollbar-track-color: f5f5f5;
    scrollbar-shadow-color: ffffff;
    scrollbar-highlight-color: ffffff;
    scrollbar-3dlight-color: cccccc;
    scrollbar-darkshadow-color: cccccc;
  }
</style>

<script language="javascript" type="text/javascript">
window.onload = function
var t=document.body.scrollHeight;
if(parent!=window)parent.document.getElementById('IFRAMEID').style.height=t+4+'px';
}
</script>

<meta http-equiv=\"Content-Type\" content=\"text/html; charset=windows-1252\">
<meta http-equiv=\"Expires\" CONTENT=\"Fri, Jun 12 1981 08:20:00 GMT\">
<meta http-equiv=\"Pragma\" CONTENT=\"no-cache\">
<meta http-equiv=\"Cache-Control\" CONTENT=\"no-store\">
<title></title>

</head>
<body bgcolor="#ffffff">

Test<br>
Test<br>
Test<br>
Test<br>
Test<br>
Test<br>
Test<br>
Test<br>
Test<br>
Test<br>
Test<br>
Test slut<br>

</body>
</html>


----------------
Har lagt den op med dine rettelser på http://engel-larsen.dk/test/

Mine html´er ser således ud.

index
  |____frames
          |_____tekst.htm


- Engel
Avatar billede Slettet bruger
12. oktober 2005 - 01:53 #8
Kan det passe der mangler en {

-Engel
Avatar billede Slettet bruger
12. oktober 2005 - 11:16 #9
Hej R.
Kan ikek få det til at spille. Jeg dropper denne iframetype til dette projekt og danner tabels istedet.
Tak for hjælpen ellers.

- Engel
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 HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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 17:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
I går 17:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
05/0810:19 Kan jeg beholde Publisher på min maskine efter at MS stopper med support Af KurtG i Office & Kontorpakker
02/0814:53 TV4ever 3.0 Af valby i Diverse
01/0816:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
White papers
Flere white papers »