Pop-ups
1. Pop-ups
Af en toe kan het wel eens handig zijn om een pop-up op je site te plaatsen.
Kan een pop-up gebruiken om bijvoorbeeld een afbeelding in een venster weer te geven wanneer men op een link klikt of je kan er een andere HTML pagina in weergeven.
Je hebt ook de mogelijkheid om dingen naar wens aan te passen.
Zo kan je de breedte en hoogte opgeven.
Je kan de scrollbar uitschakelen en nog veel meer.
Belangrijkste waarden zijn:
| toolbar |
Taakbalk zichtbaar of niet zichtbaar |
| menubar |
Menu balk zichtbaar of niet zichtbaar |
| scrollbar |
Schuibalk zichtbaar of niet zichtbaar |
| resizable |
Bezoeker kan v enster wel of niet veranderen van grote |
| width: |
Breedte in pixels |
| height |
Hoogte in pixels |
| location |
Adresbalk zichtbaar of niet zichtbaar |
Nu even twee voorbeelden.
Voor een afbeelding kan je dit als volgt doen.
Deze code plaats je tussen je head tags:
 <SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT">...
 function popup() ...{
window.open('quips.gif','Quipsit',
'width=200,height=120')
}
</SCRIPT> |
In je body plaats je dan:
|
<A href="javascript:popup()">Open afbeelding</a> |
Je kan dit ook doen voor een hele HTML pagina.
Je moet dan wel wat extra dingen toevoegen.
Deze code plaats je tussen je head tags:
<SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT">...
function popup2() ...{
window.open('homepage.html','Home',
'toolbar=no,location=no,scrollbars=yes,width=400,height=400'
) }
</SCRIPT> |
In je body plaats je:
|
<A href="javascript:popup2()">Home</a> |
Nota
Je moet wel proberen "toolbar=no,location=no ..." op 1 lijn te houden.
Anders werkt het waarschijnlijk niet altijd.
 top
|
