Avatar billede ankersan Nybegynder
22. maj 2003 - 11:23 Der er 5 kommentarer og
1 løsning

Styring af iframe højde vha javascript

Jeg forsøger at lave en iframe hvis' højde er styret af folks skærmstørrelse.

Jeg har lavet en funktion som regner den højde ud jeg vil have iframen:

(<SCRIPT LANGUAGE="JavaScript">
<!--
function thishight() {
      var kite = (window.screen.availHeight - 87);
      window.moveTo(0,0);
      window.resizeTo(window.screen.availWidth, window.screen.availHeight);
}
thishight();
//-->
</SCRIPT>
)

Mit problem er at få den sat på iframen.
Hvordan kan jeg definere at min iframehøjde skal være = var kite??

Jeg prøvede med:
<IFRAME SRC="main.htm" name="content" MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER="0"
SCROLLING="auto" WIDTH="760" HEIGHT=document.kite><ILAYER SRC="main.htm" name="content" WIDTH="760" HEIGHT=document.kite></ILAYER></IFRAME>

UDEN HELD :o(

Håber i kan hjælpe.
.Ankersan
Avatar billede roenving Novice
22. maj 2003 - 13:01 #1
Du er nødt til at skrive det i javascript, så du udvider det du har:

function thishight() {
      var kite = (window.screen.availHeight - 87);
      window.moveTo(0,0);
      window.resizeTo(window.screen.availWidth, window.screen.availHeight);

      document.getElementById("content").style.height=kite
}

-- og så skal du tilføje en id="content" i dine IFRAME/ILAYER-tags

hth
jes
Avatar billede ankersan Nybegynder
22. maj 2003 - 13:05 #2
Det virker ikke. Får en fejl??
Avatar billede helle_fred Nybegynder
22. maj 2003 - 13:15 #3
<SCRIPT LANGUAGE="JavaScript">
var kite=screen.availHeight-87; alert(kite)
document.write(
'<IFRAME SRC="main.htm" name="content"  WIDTH="760" HEIGHT=" '+
kite+' ">')
</SCRIPT>
<ILAYER SRC="main.htm" name="content" WIDTH="760" HEIGHT=document.kite>
</ILAYER>
</IFRAME>
Avatar billede grunken Nybegynder
22. maj 2003 - 13:25 #4
eller sådan!

<SCRIPT LANGUAGE="JavaScript">
<!--
function thishight() {
      var h = (screen.availHeight - 87);
      window.moveTo(0,0);
      window.resizeTo(screen.availWidth, screen.availHeight);
      document.getElementById('content').style.height = h;
   
}
//-->
</SCRIPT>

<IFRAME SRC="main.htm" ID="content" name="content" MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER="0" SCROLLING="auto" WIDTH="760" HEIGHT="">
<ILAYER ID="content" SRC="main.htm" name="content" WIDTH="760" HEIGHT=document.kite></ILAYER></IFRAME>

<body onload="thishight();">
</body>

>roenving, der er ikke noget der hedder window.screen.availHeight ;D
Avatar billede roenving Novice
22. maj 2003 - 13:44 #5
>> og grunken -- næh, igen havde jeg fokuseret på en indlysende fejlkilde og ikke kigget efter i resten af koden :-(
Avatar billede olebole Juniormester
23. maj 2003 - 15:17 #6
<ole>

Hva' dææææææælen ...... Hej Helle  ;o)
Looooong time - no see! Et behageligt gensyn  :)

/mvh
</bole>
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