Iframes
1. Wat is een IFRAME
2. Attributen van een IFRAME
3. Een pagina openen in een iframe d.m.v. een hyperlink
1. Wat is een IFRAME
Inline frames zijn frames die je ergens op een pagina kunt plaatsen, zoals een tabel of een afbeelding. Met deze frames kunt je volledige pagina's openen in het midden van je lay-out. Dit kan bijvoorbeeld handig zijn als je een lay-out hebt gemaakt, en enkel de inhoud bij elke pagina moet veranderd worden. Dan plaats je in uw lay-out een iframe met bepaalde breedte en hoogte, en dan worden alle inhoud pagina's geopend in die frame.
Voorbeeld:
Zonet hebben we een pagina geopend in een stukje frame. De code van dit IFRAME ziet er zo uit:
|
<IFRAME SRC="bestanden/iframe.htm" WIDTH="100%" HEIGHT="150">
Sorry, je browser ondersteunt geen frames...
</IFRAME>
|
De code is eigenlijk heel gemakkelijk.<IFRAME> is de tag die we gebruiken en SRC is het adres (URL, bestand) van het bestand dat moet geopend worden. De tag moet gesloten worden door </IFRAME> dus vergeet dit niet. Als de persoon zijn browser geen frames ondersteunt, wordt de tekst weergegeven tussen de begin- en eindtag.
 top
2. Attributen van een IFRAME
 Op deze pagina vind je de belangrijkste attributen van de tag IFRAME.
top
3. Een pagina openen in een iframe d.m.v. een hyperlink
Nu gaan we er voor zorgen dat wanneer men op een hyperlink klikt, dat de pagina dan wordt geopend in het IFRAME.
We maken enkele hyperlinks:
|
<A HREF="bestanden/geklikt.htm" TARGET="iframe"> Klik op mij ! </A><BR />
<A HREF="http://www.google.be" TARGET="iframe"> Zoek op Google </A>
|
Het attribuut TARGET
is zeer belangrijk !!! Nu maken we een IFRAME:
|
<IFRAME SRC="bestanden/iframe.htm" NAME="iframe" WIDTH="100%" HEIGHT="150">
Sorry, je browser ondersteunt geen frames...
</IFRAME>
|
En bij dit stukje is het attribuut NAME belangrijk. Dit krijgt als waarde 'iframe', zodat de pagina wordt geopend in dit frame (zie: target="iframe").
Resultaat:
top
|
