CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

simonbk Nybegynder

01. august 2006 - 16:47 Der er 12 kommentarer

Variable højde på iframes - er det muligt?

Er der nogen der ved om det er muligt at style iframes således at
de automatisk tilpasser sig højden af indholdet?

Har forsøgt mulige hacks, men synes det er noget vanskeligere at style iframes end divs. Så hvis der er nogle som har nogle gode guidelines til styling af iframes vil jeg blive glad ;-)

På forhånd tak.

Synes godt om

keysersoze Guru

01. august 2006 - 18:29 #1

hvis du har noget at kunne aflæse højden på, fx et billede eller et layer, kan du benytte js til at sætte højden efter at indholdet er loadet og højden dermed ligger fast. fx ca sådan;

top.document.getElementById('iframe').style.height = document.getElementById('ting').style.height + 'px';

Synes godt om

simonbk Nybegynder

01. august 2006 - 21:40 #2

Skal dette script indsættes i parent eller targetsiden? Går der ikke kludder i det når der skal læses i den ene side og opdateres style i det andet? Parent er jo loadet længe før target.

Synes godt om

keysersoze Guru

01. august 2006 - 22:18 #3

det skal køres i din iframe - og nej, der går ikke kludder i det, for du vil (såfremt javascript er aktivt hos klienten) til enhver en tid kunne manipulere stort set alt i koden.

Synes godt om

lateralus Nybegynder

02. august 2006 - 17:32 #4

Istedet for at aflæse højden af et billede kan du aflæse højden af hele dokumentet (i iframen) via:

document.body.scrollHeight

dvs. keysersozes forslag kan skrives således:

top.document.getElementById('iframe').style.height = document.body.scrollHeight;

Synes godt om

simonbk Nybegynder

05. august 2006 - 12:48 #5

Jeg kan ikke få det til at virke. Kan I specificere, hvor i koden jeg skal indsætte javascriptet?

På forhånd tak.

Synes godt om

keysersoze Guru

05. august 2006 - 13:04 #6

det skal indsættes som onload i din iframe - og du skal selvfølgelig tilrette navnet "iframe" til det din iframe har af id

Synes godt om

simonbk Nybegynder

05. august 2006 - 14:03 #7

Synes godt om

unknown_someone Juniormester

05. august 2006 - 14:09 #8

nej nej - du er helt forkert på den. onload skal placeres i body på den side der er i iframen.

Synes godt om

dotcom1 Nybegynder

05. august 2006 - 14:09 #9

Jeg bruger ofte dette script med succes: http://www.dynamicdrive.com/dynamicindex17/iframessi2.htm

Synes godt om

dotcom1 Nybegynder

05. august 2006 - 14:10 #10

Dog med en enkelt rettelse for at det virker ens i IE og FF:
currentfr.contentDocument.body.offsetHeight skal være currentfr.contentDocument.documentElement.scrollHeight

Synes godt om

keysersoze Guru

05. august 2006 - 14:25 #11

som allerede nævnt skal det være onload i body på din side i iframen - fx;

<body onload="top.document.getElementById('Iframe').style.height = document.body.scrollHeight;">

og så er det også vigtigt at bemærke at i js er der forskel på store og små bogstaver.

Synes godt om

keysersoze Guru

13. september 2006 - 11:32 #12

kommet videre?

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS