dhtml, html, javascript, internet, style sheets, DHTML, HTML, Javascript, Style Sheets, Internet, De computer van Voltaire, thuisbasis, Thuisbasis
Gelieve Netscape of Explorer 4.0 (of hoger) te gebruiken om deze pagina te bekijken.



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.


    Volgende week :Vensters een naam geven....