[HTML][JS] iframe op schermbreedte en -hoogte - Softwareontwikkeling

dinsdag 5 september 2006 15:43

Acties:

Verwijderd

Topicstarter

Ik probeer een iframe te maken die even groot is als het scherm...

Heb nu de volgende code:

code:

1	<iframe name="inhoudframe" src="main.html" scrolling="no" width="javascript:screen.width();" height="javascript:screen.height();"></iframe>

Dit geeft echter als resultaat een heel klein schermpje...wat doe ik niet goed?

[ Voor 3% gewijzigd door Verwijderd op 05-09-2006 15:46 ]

dinsdag 5 september 2006 15:45

Acties:

Verwijderd

javascript functies zonder aan te geven dat het javascript is? of ben ik nu mis?

dinsdag 5 september 2006 15:46

Acties:

Verwijderd

Topicstarter

Verwijderd schreef op dinsdag 05 september 2006 @ 15:45:
javascript functies zonder aan te geven dat het javascript is? of ben ik nu mis?

Ja sorry...had het net wel, maar door het proberen is het inderdaad verdwenen...maar met javascript: ervoor werkt het ook niet...

dinsdag 5 september 2006 16:08

Acties:

Crayne

Have face, will travel

Dit doet wat je wilt als je hem aanroept in bij onLoad in de body tag.

JavaScript:

function styleIframe() {
    
    var x = document.getElementById("myIframe");
    
    x.setAttribute("width", (screen.width - 20));
    x.setAttribute("height", (screen.height - 145));
            
}

Natuurlijk moet je dan wel je iFrame een id meegeven. En je body een margin en padding van 0px.

[ Voor 11% gewijzigd door Crayne op 05-09-2006 16:13 ]

Mijn Library Thing catalogus

dinsdag 5 september 2006 16:12

Acties:

Verwijderd

Topicstarter

Heb nu de volgende code:

code:

<html>
<head>
<title></title>
<script language="JavaScript" type="text/JavaScript">
function styleIframe() { 
     
    var x = document.getElementById("inhoudframe"); 
     
    x.setAttribute("width", screen.width()); 
    x.setAttribute("height", screen.height()); 
             
}
</script>
</head>

<body onLoad="javascript:styleIframe();">
<div id="Layer1" style="position:absolute; left:0; top:0; width:100%; height:100%; z-index:1">
<iframe name="inhoudframe" src="main.html" scrolling="no" frameborder="0"></iframe>
</div>
</body>
</html>

Maar wederom heb ik een heel klein schermpje van ongeveer 200 bij 100 pixels...

dinsdag 5 september 2006 16:14

Acties:

disjfa

be

Waarom zet je niet gewoon een breedte en een hoogte van 100% op je frame. En waarom gebruik je eigenlijk een iFrame

disjfa - disj·fa (meneer)
disjfa.nl

dinsdag 5 september 2006 16:16

Acties:

Verwijderd

Topicstarter

disjfa schreef op dinsdag 05 september 2006 @ 16:14:
Waarom zet je niet gewoon een breedte en een hoogte van 100% op je frame. En waarom gebruik je eigenlijk een iFrame

Dat heb ik nu ook geprobeerd, met 100%, maar dan hou ik de een of andere manier aan de rechterkant (dus bij de scrollbalk) een witte ruimte...dus de achtergrond komt niet helemaal goed.

Een iframe gebruik ik om in de adresbalk van IE niet de filenaam te kunnen zien...dus dan staat er alleen maar het domein...

dinsdag 5 september 2006 16:17

Acties:

Crayne

Have face, will travel

Verwijderd schreef op dinsdag 05 september 2006 @ 16:12:
Heb nu de volgende code:
HTML:
1
2
3
<div id="Layer1" style="position:absolute; left:0; top:0; width:100%; height:100%; z-index:1">
<iframe name="inhoudframe" src="main.html" scrolling="no" frameborder="0"></iframe>
</div>
Maar wederom heb ik een heel klein schermpje van ongeveer 200 bij 100 pixels...

Je hebt dus geen id meegegeven aan het iframe, maar aan de div die er omheen zit. Waarom die div eigenlijk? Bovendien heb je geen margin: 0px; en padding: 0px; op de body gezet, maar misschien dat je die edit niet gezien hebt.

Dit is werkende code in IE 6.0.2800:

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">

function styleIframe() {
    
    var x = document.getElementById("myIframe");
    
    x.setAttribute("width", (screen.width - 20));
    x.setAttribute("height", (screen.height - 145));
            
}

</script>
</head>

<body onLoad="styleIframe();" style="margin: 0px; padding: 0px;">
    <iframe id="myIframe" name="inhoudframe" src="main.html" scrolling="no" width="1" height="1"></iframe>
</body>
</html>

Overigens moet ik er bij zeggen dat dit geen permanente oplossing kan zijn, want er vind al geen browsercheck plaats om te zien of screen.width wel nut heeft en zo. Gebruik het als springplank en zoek verder, zou ik zeggen.

[ Voor 7% gewijzigd door Crayne op 05-09-2006 16:20 ]

Mijn Library Thing catalogus

dinsdag 5 september 2006 16:18

Acties:

disjfa

be

Verwijderd schreef op dinsdag 05 september 2006 @ 16:16:
[...]
Een iframe gebruik ik om in de adresbalk van IE niet de filenaam te kunnen zien...dus dan staat er alleen maar het domein...

... En wat houd je daarmee tegen. Onvriedelijkheid om gemakkelijk binnen je domein te komen? Ingewikkeldheid als mensen op f5 drukken om de pagina te herladen? Een extra pagina maken die verder niets doet?

Ik volg het iig niet al te best.

En als je het dan toch wilt doen. Waarom geen frameset?

[ Voor 5% gewijzigd door disjfa op 05-09-2006 16:20 ]

disjfa - disj·fa (meneer)
disjfa.nl