Søg
Avatar billede cobra Nybegynder
04. juni 2003 - 16:20 Der er 4 kommentarer og
2 løsninger

Iframe der kan udvide sig.

Jeg kunne godt tænke mig at vide hvordan et iframe kan udvide et sig, alt efter hvor meget tekst eller billeder, der i det Html eller asp side man tag ind i iframet.
Tv2 har gjort det, under deres TVprogram  oversigt
http://tv.tv2.dk/tv/
Avatar billede ztyxx Nybegynder
04. juni 2003 - 16:21 #1
<iframe width_"100%" height="100%"></iframe>
Avatar billede cobra Nybegynder
04. juni 2003 - 16:29 #2
Nob
Avatar billede ztyxx Nybegynder
04. juni 2003 - 16:30 #3
doh, læste ikke ordentligt
Avatar billede thrytter Nybegynder
04. juni 2003 - 23:13 #4
Jeg har tidligere lavet en IE løsning som du måske kan bruge:

<body onload="setHeight();">
  <table>
    <tr id="tableRow" height="100">       
      <td>
        <iframe style="width:100%;height:100%" id="contentFrame" name="contentFrame" src="????"></iframe>
      </td>
    </tr>
  </table>
</body>

Alle sider som skal loades i iframen skal have <div id="idBottom"></div> placeret nederst på siden.

function setHeight()
{
  top.main.tableRow.height=top.main.contentFrame.idBottom.offsetTop+25;
  // 25 = lidt tolerance
  // main = framen som hovedsiden ligger i
}
Avatar billede edutasia Nybegynder
05. juni 2003 - 09:47 #5
Her er en funktion, du kan indsætte på alle sider, der skal loades i iframen:

<script>
function sizeToFit() {
  //find højden på denne side og indlæs den i variablen intHeight
  var intHeight = document.body.scrollHeight;
  //find iframen på hovedsiden og sæt dens højde = intHeight (husk at ændre id)
  parent.document.getElementById('iframeid').style.pixelHeight = intHeight;
}
</script>

Kald funktionen i onload-handleren i <body>-tagget:

  <body onload="sizeToFit()">
Avatar billede krogstrup Nybegynder
06. juni 2003 - 09:49 #6
Tv2´s script ser således ud:

function resizeIFrame()
{
  objTable  = GetElement("tblProgrammer");
  objIFrame = GetParentElement("ProgramListning");

  if (document.getElementById)
  {
      // IE5+, Mozilla, Gecko
        objIFrame.height = objTable.offsetHeight + 20;
  }
  else if (!document.getElementById && document.all)
  {
      // IE4
        objIFrame.style.height = (objTable.offsetHeight + 20) + "px";
  }
  else if (document.layers)
  {
    // Netscape 4 - egentlig ligemeget da den ikke understøtter IFrames
      return false;
  }
  else
  {
      return false;
  }
}


Læg mærke til kommentaren under Netscape tjek :-)
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 JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
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 15:02 Gemme besked fra Facebook / Messenger Af lurup i Sociale medier
29/0820:17 Kan man kopiere en DVD og afspille den på * Linux Mint - Cinnamon - 22.1 - "Xia" * ? Af Ikke-ekspert i Linux
27/0821:03 Kan man få Word viewer gratis Af Strawberry i Word
26/0813:28 Findes der en brugsanvisning til : "ONKYO Stereo Casette - Tape Deck - R1" Af Ikke-ekspert i Musik & videoafspillere
24/0820:07 Libra Office 26.2.5.2 - Er sort - Kan an ændre til lysere baggrund ? (Windows 11) Af Ikke-ekspert i Office & Kontorpakker
White papers
Flere white papers »