INDEX
Manuals & Primers
ARTIKELEN
VARIA
JAVASCRIPT TUTORIAL :
deel 1 (starten)
deel 2 (oefeningen)
deel 3 (oefeningen)
deel 4 (functies)
deel 5 (vervolg functies)
deel 6 (het HTML document)
deel 7 (elementen aanspreken)
deel 8 (deel2-elementen aanspreken)
deel 9 (het location object)
deel 10 (frames)
deel 11 (frames..vervolg)
deel 12 (frames..vervolg-2)
deel 13 (frames..vervolg-3)
deel 14 (frames..vervolg-4 en laatste deel)
deel 16 (Een venster een naam geven + sluiten)
deel 17 (Pagina's maken)
deel 18 (Timer, statusbar & Timeouts)
deel 19 (Objecten aanspreken, het DATE object)
deel 20 (Een algemene oefening)
Javascript om mee te nemen.
|
| JAVASCRIPT |
| Door Ludo Cattoor, Webmaster. |
Het WINDOW object
Een nieuw venster openen in uw browser is een van
de troeven van Javascript. Niet alleen kunnen we een
nieuw venster openen, maar ook nieuwe documenten maken.
Eerst en vooral gaan we een nieuw venster openen en
er een lege HTML pagina in tonen.
<HTML>
<HEAD>
<TITLE>..</TITLE>
<SCRIPT LANGUAGE="Javascript">
function openWin() {
myWin=open("","");
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<INPUT TYPE=button VALUE="Open new window" onClick="openWin()">
</FORM>
</BODY>
</HTML>
We kunnen eveneens de venster-omgeving bepalen. Men kan
een toolbar, scrolbar, menubar enz.. toevoegen of weglaten.
Ook de grote van het venster kan bepaald worden.
We zullen dit even checken.
Het volgende script zal een nieuw venster openen. Dit zal
350 op 300 pixels meten. Het zal geen toolbar, statusbar
of menubar hebben.
<HTML>
<HEAD>
<TITLE>..</TITLE>
<SCRIPT LANGUAGE="Javascript">
function openWin2() {
myWin=open("", "",
"width=350,height=300,toolbar=no,menubar=no");
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<INPUT TYPE=button VALUE="Open new window" onClick="openWin2()">
</FORM>
</BODY>
</HTML>
Opgepast ! De string waarin we de eigenschappen van het
venster vastleggen moet achter elkaar staan en mag
GEEN SPATIES BEVATTEN. Met andere woorden, mag niet
op een tweede regel gezet worden zoals in het voorbeeld.
Gezien we een nieuw document in een nieuw venster
openen (dus ze hebben geen naam), zetten we na
MyWin=open("","",) tweemaal aanhalingstekens met een komma
tussenin. Tussen de eerste aanhalingstekens komt normaal
de maan van het document en tussen de tweede
aanhalingstekens de naam van het venster. Gezien
we deze hier niet hebben zetten we alleen de
aanhalingstekens.
Welke eigenschappen kan een venster (window) hebben :
- directories.......... yes/no
- height............... in pixels
- width................ in pixels
- location............. yes/no
- menubar.............. yes/no
- resizable............ yes/no
- scrollbars........... yes/no
- status............... yes/no
- toolbar.............. yes/no
ALLEEN IN JAVASCRIPT 1.2
- alwaysLowered........ yes/no
- alwaysRaised......... yes/no
- dependent............ yes/no
- hotkeys.............. yes/no
- innerWidth........... in pixels
- innerHeight.......... in pixels
- outerWidth........... in pixels
- outerHeight.......... in pixels
- screenX.............. positie in pixels
- screenY.............. positie in pixels
- titlebar............. yes/no
- z-lock............... yes/no
Deze nieuwe eigenschappen in Javascript 1.2 zullen ons
toelaten om de positie van het venster te bepalen. Dit
kunnen we niet met de huidige Javascript-versie.
|
|