Leer hoe je met behulp van een iframe, een document in een document kunt openen.
Jeroen Hoekstra |
2004-04-28 |
Programmeren en techniek
Wat zijn iframes?
Naast de normale <frame> tag bestaat er in HTML ook de <iframe>
tag, wat staat voor inline-frame. Met behulp van een iframe kun je een document
in een document openen. Voorbeelden hiervan zijn een reeks foto's open in een
iframe, de laatste updates van je website in een iframe plaatsen of zelfs het
gebruik van externe server-side-scripts zoals een PHP script in een iframe. Je
moet hierbij wel onthouden dat het iframe-element pas wordt ondersteund vanaf
MSIE versie 3.0, Netscape Navigator versie 6.0, Mozilla en Opera versie
6.0.
Hoe ze te gebruiken?
Iframes kun je gewoon op elke plaats in de <body></body> sectie van je HTML-code plaatsen. Hieronder staat een simpel voorbeeldje:
<iframe src="/sitecoach/framework/data/magazine/nummers/43/voorbeeld.htm" width="200" height="150"></iframe>
Wat er in een browser uitziet als:
Je begint altijd met de <iframe> tag en deze wordt afgesloten met de </iframe> tag. Het src-attribuut geeft aan welk document in het frame geopend moet worden. In dit geval is dat dus een HTML bestand met de naam 'voorbeeld.htm'. Browsers die de <iframe> tag niet herkennen, geven alleen de tekst weer, welke geplaatst is tussen de <iframe> tag en de </iframe> tag. Tussen deze twee tags kun je dus iets zetten als: "Uw browser ondersteunt geen iframes". Dit is te vergelijken met de <noframe> tags in een frame-pagina.
Hieronder staat een overzicht van attributen die verder te gebruiken zijn binnen de <iframe> tag:
| align | Hiermee geef je aan hoe het frame uitgelijnd moet worden t.o.v. van de inhoud van je pagina. De waarde kan betrekking hebben op de verticale uitlijning (top, middle, bottom), of op de horizontale uitlijning (left, right), bv. bij align="right" wordt het iframe rechts uitgelijnd t.o.v. de inhoud van je pagina. |
| frameborder | Hiermee kan bepaald worden of er wel of geen frameborder weergegeven moet worden, bv. frameborder="1" geeft een border rond het iframe en bij frameborder="0" wordt deze weggelaten. |
| width height |
Hiermee kun je de breedte resp. de hoogte van het iframe instellen, bv bij width="100" wordt de breedte van het iframe ingesteld op 100 pixels. |
| marginwidth marginheight |
Hiermee kun je de breedte resp. de hoogte van het document tot de rand van het iframe instellen. Minimale waarde is 1. |
| scrolling | Hiermee geef je aan of je wel of geen scrolling in je pagina wilt, bv. bij scrolling="no" worden geen scrollbars weergegeven. |
| name | Hiermee kun je je iframe een naam geven. Dit heb je nodig als je vanuit je gewone pagina iets in je iframe wilt openen. Deze naam voer je dan in bij de target van je link. |
| vspace hspace |
Hiermee kun je de ruimte bepalen welke je verticaal resp. horizontaal om je iframe wilt hebben. |
Dit is een artikel voor gevorderden!
