FAQ |
Kalender |
2004-03-27, 00:07 | #1 | ||
|
|||
Medlem
|
Kan man få en dynamisk iframe vad beträffar storlek?
Detta är kanske en fråga som låter konstig, men vad jag skulle vilja uppnå är att ha en iframe i mitten av sidan som laddas. Då informationen laddas in i den skall iframe anpassa sig till rutan. Alltså vill jag inte att rutan får en scrollbar, utan bara att rutan blir längre och förlänger sidan. Är det möjligt? |
||
Svara med citat |
2004-03-27, 00:20 | #2 | |||
|
||||
Flitig postare
|
Japp, det ska gå bra, men jag har aldrig lyckats själv.
Det du gör är att kolla höjden på dokumentet i iframen och sätter iframen till denna höjd. Tar reda på höjden gör du genom: document.body.scrollHeight Jag har inget kodexempel här just nu, men sök lite så kanske du hittar något. Jag återkommer om jag hittar lite kod. Mvh |
|||
Svara med citat |
2004-03-27, 01:30 | #3 | ||
|
|||
Medlem
|
Citat:
Sätter du en tabell till 300 i höjd men ändå packar in mycket information kommer den automatiskt att bli längre..... Trodde kanske att jag kan uppnå samma sak i detta fallet och kan bara ladda in ny information i iframen. Vill som sagt inte ladda om hela sidan hela tiden. |
||
Svara med citat |
2004-03-27, 01:50 | #4 | |||
|
||||
Flitig postare
|
Det du kan göra är att ladda en javascriptfunktion med jämna mellanrum för att kontrollera höjden på dokumentet och därefter juster höjden på den. Ingen snygg lösning, men det är den enda jag kan komma på.
|
|||
Svara med citat |
2004-03-27, 02:06 | #5 | ||
|
|||
Medlem
|
Citat:
|
||
Svara med citat |
2004-03-27, 10:57 | #6 | ||
|
|||
Har WN som tidsfördriv
|
Prova detta (alla filer ligger i samma mapp i detta exempel):
index.htm: Kod:
<html><head> <title>Iframeförändring</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body background="#ffffff" leftmargin="10" topmargin="10"> <div id="kldiv"><iframe src="test.htm" width="100%" height="100%"></iframe></div> </body></html> Kod:
<body bgcolor="#f1f1f1"> <script type="text/javascript" src="test.js"></script> <a href="javascript:setSize('kldiv','200px','500px');">500x200 pixlar</a><br /> <a href="javascript:setSize('kldiv','400px','500px');">500x400 pixlar</a><br /> <a href="javascript:setSize('kldiv','600px','500px');">500x600 pixlar</a><br /> </body> Kod:
function el(element){ return top.document.getElementById(element); } function setSize(id,h,w) { el(id).style.height=h; el(id).style.width=w; } setSize('kldiv','400px','500px'); Sen kan man självklart snygga till det vad gäller validering hos w3 samt användbarhet mm. //Daniel |
||
Svara med citat |
2004-03-27, 12:25 | #7 | ||
|
|||
Medlem
|
Skall testa det på en sida. Tack!
|
||
Svara med citat |
2004-04-03, 18:50 | #8 | ||
|
|||
Medlem
|
Har fått det att fungera på ett ganska tillfredställande sätt. Dock fungerar det inte i Opera. Någon som vill ha koden, så kan jag skicka den.
|
||
Svara med citat |
Svara |
|
|