CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede nyiaccess Nybegynder
23. august 2008 - 12:47 Der er 13 kommentarer og
1 løsning

højde på iframe

Jeg har en side hvor jeg har indsat en iframe på forsiden.

Der står ikke så meget på forsiden, hvorfor siden er er ca. 600 px høj.

Det link jeg åbner i min iframe varierer i højden og er mellem 2000 og 3000 px høj.

Hvis jeg ikke definerer nogen højde i iframen bliver mit link kun vist i ca. 600 px højde, hvorefter man skal scrolle for resten.

Hvis jeg definerer højden til 3000 åbner mit link til tider i for stort et billede, hvilket jeg gerne vil udenom.

Kan det lade sig gøre at få en iframe til at åbne op i 100% størrelse af hvad linket er?
Avatar billede w13 Novice
23. august 2008 - 13:30 #1
Du kan vel gøre det med JavaScript.

<script type="text/javascript">
function setIframeHeight(o){
  o.style.height=o.contentWindow.document.getElementsByTagName("body")[0].offsetHeight+"px";
}
setIframeHeight(document.getElementById("iframe1"));
</script>

Men det skal selvfølgelig først køres, når IFramet er loadet!
Avatar billede nyiaccess Nybegynder
24. august 2008 - 09:30 #2
Nu er jeg ikke super god til det her, så jeg skal lige have lidt mere hjælp.

Hvor præcis skal jeg indsætte ovenstående script.
JEg har forsøgt med med følgende kombination uden held:

    <iframe
src ="http://www.sidensomderhenvisestil.asp"
width="800" height="2500" class="style3" frameborder="0"></iframe>

<script type="text/javascript">
function setIframeHeight(o){
  o.style.height=o.contentWindow.document.getElementsByTagName("body")[0].offsetHeight+"px";
}
setIframeHeight(document.getElementById("iframe1"));
</script>
Avatar billede w13 Novice
24. august 2008 - 11:35 #3
Hvis du linker til en anden side, dvs. indleder adressen med http://www.domæne.dk/, så kan du ikke gå ind og tjekke højden med JavaScript.
Avatar billede w13 Novice
24. august 2008 - 11:42 #4
Dette er testet og virker fint. Bemærk også, at intet virker, hvis du ikke sætter id="iframe1" på dit IFrame:

<iframe id="iframe1" src="2.htm" style="width:800px;border:0" class="style3" frameborder="1"></iframe>

<script type="text/javascript">
function setIframeHeight(o){
  o.style.height=o.contentWindow.document.getElementsByTagName("body")[0].offsetHeight+"px";
}
document.getElementById("iframe1").onload=function(){parent.setIframeHeight(document.getElementById("iframe1"));}
</script>
Avatar billede w13 Novice
24. august 2008 - 11:42 #5
Hov, sådan her:

<iframe id="iframe1" src="2.htm" style="width:800px;border:0" class="style3" frameborder="0"></iframe>

<script type="text/javascript">
function setIframeHeight(o){
  o.style.height=o.contentWindow.document.getElementsByTagName("body")[0].offsetHeight+"px";
}
document.getElementById("iframe1").onload=function(){parent.setIframeHeight(document.getElementById("iframe1"));}
</script>
Avatar billede nyiaccess Nybegynder
24. august 2008 - 12:17 #6
det link jeg har er externt og altså med http:.......
Det er en side jeg trækker fra en ekstern udbyder.
Kan det så ikke lade sig gøre?

Kan jeg lave en "lokal" side som udelukkende viser den eksterne side, som jeg så kan bruge i min iframe?
Avatar billede w13 Novice
24. august 2008 - 12:21 #7
Altså hvis du, som i mit eksempel, f.eks. bruger siden 2.htm, så kan man sagtens hente dennes højde.
Avatar billede w13 Novice
24. august 2008 - 12:21 #8
Men ikke eksterne sider.
Avatar billede nyiaccess Nybegynder
24. august 2008 - 12:26 #9
kan man så ligge scriptet ind i den eksterne side, når den er loadet?
Avatar billede w13 Novice
24. august 2008 - 12:31 #10
Ja, hvis du har adgang til koden på den eksterne side, kan man lægge dette ind på dén i stedet:

<script type="text/javascript">
function setIframeHeight(){
  if(parent)parent.getElementById("iframe1").style.height=document.getElementsByTagName("body")[0].offsetHeight+"px";
}
window.onload=function(){setIframeHeight();}
</script>
Avatar billede nyiaccess Nybegynder
24. august 2008 - 12:34 #11
Det vil jeg prøve om jeg kan få ind på siden så.

Mange tak for hjælpen.
Avatar billede w13 Novice
24. august 2008 - 12:36 #12
Så lidt. Og tak for point. =)

Jeg har dog ikke testet scriptet, så sig lige til, hvis det volder problemer. Det burde virke.
Avatar billede plindstrup Nybegynder
04. september 2008 - 08:38 #13
Ved godt dette ikke er mit spørgsmål, men hvor henne på siden skal scriptet sættes ind? Altså hvor henne på den eksterne side?
Har forsøgt mig, uden held.
Avatar billede w13 Novice
04. september 2008 - 21:23 #14
Lige hvor du synes. :) Bare det er inden i head- eller body-sektionen.

(IFramen skal selvfølgelig ind i body, der hvor det skal være på siden.)
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
Programmeringssprog kurser
Kurser inden for grundlæggende programmering
Se alle Programmeringssprog kurser

Flere spørgsmål fra Programmeringsværktøjer kategorien

Titel Indlæg Oprettet Seneste aktivitet
senior Af Uroda i Programmeringsværktøjer 1 22/06/202418:29 23/06/202413:17
Sort Skærm Af Kaj Sondrup i Programmeringsværktøjer 5 25/02/202421:45 27/02/202420:17
DATA (D) Af rene1111 i Programmeringsværktøjer 3 21/02/202415:03 22/02/202409:08
Power Automate, åben en fil der er delt med mig Af KATM i Programmeringsværktøjer 1 16/02/202409:07 19/02/202409:10
Prisberegner til hjemmeside Af Michael Vahl i Programmeringsværktøjer 4 14/01/202417:30 21/01/202409:21
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 dag 11:41 Windows 10 : Ikke kopiere tekst med Firefox. Men gerne med Opera. Af Ikke-ekspert i Browsere
I går 18:09 Kan ikke fildele fra PC til PC Af gertLundberg i LAN/WAN
I går 17:33 Facebook kopier en tråd Af clausito i Sociale medier
I går 09:49 Indtogs sejlads : OL i Paris : Hvornår kom Danmark ? Af Ikke-ekspert i Fri debat
I går 03:28 Inkasso som privat? Af lekor adams i Fri debat
White papers
Flere white papers »


Premium
Teaser billede
Nordjyske MapsPeople ruster op til opkøb af konkurrenter: "Vi vil vinde det her kapløb"
Læs mere »
Microsoft tager til genmæle: Vores licenspraksis skaber ikke unfair konkurrence
Færre unge studerende på landets it-uddannelser: "Vi afviser dem der, hvor de har lyst til at læse"
Overblik: Sådan forløb årets største databrud - mindst 165 organisationer ramt
Se alle »
Computerworld
Teaser billede
Elon Musk dropper CrowdStrike efter kæmpe nedbrud
Læs mere »
Med SearchGPT har verden fået en spritny søgemaskine: Kan den true Googles dominans?
Apples spritnye app til kodeord kommer til iOS 18: Sådan virker den
Apples folde-iPhone tager form: Her er planerne
Se alle »
CIO
Teaser billede
Så mange Microsoft-enheder blev ramt af gigantisk Crowdstrike-koks
Læs mere »
Telenor skrotter ældre it-system: Nyt system er en hyldevare
Derfor står Danske Bank foran en kæmpe AWS-transformation: Ellers skulle vi bygge en ny infrastruktur for at følge med
Stor aftale gør Microsofts datacentre hurtigere - investerer i netværksudstyr
Se alle »
Job & Karriere
Teaser billede
Efter 12 år er NNIT's hovedkvarter i Søborg nu ryddet og tomt - alle arbejder hjemme: "Det er med et vist vemod"
Læs mere »
Dansk top-profil trækker sig fra Microsoft: Skal være direktør i TDC Erhverv
KMD-direktør forlader selskabet: Det skal hun nu
IBM Danmark skifter ud i sin øverste ledelse - her er den nye direktion
Se alle »
White paper
Teaser billede
Opdag fordelene ved cloud-baseret backup og recovery
Læs mere »
Nemmere overblik, styring og omkostningskontrol i dit multicloud-miljø
Sådan: Sikker, hurtig og fleksibel storage til dine kritiske data
SASE: Træf det rette valg – første gang
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »