Webdesign - JavaScript - Objects - window.open/close gox.gif (837 bytes)document.open

downx.gif (830 bytes)Eksempler

window.open

w = window.open("URL", "windowname" [, "window-properties"]);

URL
fx "../index.htm" eller "http://www.dr.dk"
Windowname:
fx "Help" - kan evt benyttes som 'target'
NB: nogle tegn kan ikke benyttes i navnet, fx '-'
window-properties:
menubar = yes|no|1|0 ie-menubar.gif (1421 bytes)
toolbar = yes|no|1|0 ie-toolbar.gif (2640 bytes)
location = yes|no|1|0 ie-location.gif (2638 bytes)
directories = yes|no|1|0 ie-directories.gif (1811 bytes)
status = yes|no|1|0 ie-status.gif (1840 bytes)
scrollbars = yes|no|1|0
resizable = yes|no|1|0
width = pixels
heigth = pixels
top = pixels
left = pixels
 
NB:
- Hvis window-properties ikke benyttes, sættes alle automatisk til 'yes' eller en standard pixelværdi.
- Hvis blot én property sættes, bliver alle andre automatisk sat til 'no'.
- Hvis flere properties angives, skal de adskilles med komma, og der må ikke vær mellemrum:
fx:
window.open('datobox.htm','dagen','height=260,width=600,scrollbars=yes')

window.close

window.close(); //lukker det aktuelle vindue
close();        // = window.close()
w.close();      //lukker det navngivne vindue
 
window.open/close - Eksempler
v Et tomt vindue åbnes
v Et navngivet vindue 'w' åbnes og lukkes
v Et hyperlink åbner et nyt vindue
v Et lille billede åbner et vindue med et større billede
>Slip Hugo fri
Et tomt vindue åbnes
Følgende åbner et nyt vindue med et dokument, som kun indeholder: '<HTML></HTML>':
w = window.open(); // :
 
Et navngivet vindue 'w' åbnes og lukkes:
Åbn vinduet med knappen [Open] - og luk med [Close]:
<button onClick="w=window.open('oc.htm','x','width=200,height=100')">
  Open
</button><br>
<button onClick="w.close()">
  Close
</button>

 
Et hyperlink åbner et nyt vindue:
<a href="#" onClick="window.open('http://www.hondomagic.com','Magic')">
  HondoMagic
</a> 
HondoMagic
 
Et lille billede (50x59) åbner et vindue med et større billede (150x178)
<a href="JavaScript:
         void window.open('rabbit.htm',
                          'Rabbit',
                          'width=150,height=178,top=300,left=400')">
  <img src="rabbit-small.gif" width="50" height="59" alt="rabbit" border="0">
</a>
rabbit
 
Bemærk, at det returnerede objekt fra window.open() her bliver annulleret med void - dette forhindrer, at href=  åbner et ekstra, tomt vindue.
 
NB: i rabbit.htm er top-margin og venstre-margin ændret, så billedet er placeret helt ude ved kanten af dokument-vinduet. Her er koden i dokumentet:
<p style="margin-top: -15px; margin-left: -10px">
  <img src="rabbit-large.gif" alt="rabbit" WIDTH="150" HEIGHT="178" border="0">
</p>