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 4 (functies)
  • deel 5 (vervolg functies)
  • deel 6 (het HTML document)
  • deel 7 (elementen in een HTML document)
  • deel 8 (deel 2-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 15 (het windows object)
  • 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.
    DEEL 1 : De eerste stappen

    Vervolg :
    We brengen een lichte verandering aan. In die zin dat we de tekst die moet verschijnen niet in het script zelf wordt gezet maar in de <BODY> van het document.
    Om het overzichtelijk te maken zien we hieronder de twee voorbeelden, volledig uitgewerkt. Dus eerst het voorgaande voorbeeld waar de tekst (Hello) tussen de script tags staat, en dan het nieuwe voorbeeld waar de tekst (Hello) tussen de body tags staat.
    <HTML>
    <HEAD>
    <TITLE>Probeersel</TITLE>

    <SCRIPT language="Javascript">
    document.writeln("<img src='bos.gif'>");
    document.writeln("Hello");
    document.fgColor="#ff0000";
    </SCRIPT>

    </HEAD>
    <BODY>

    </BODY>
    </HTML>


    Het tweede voorbeeld :

    <HTML>
    <HEAD>
    <TITLE>Probeersel</TITLE>

    <SCRIPT language="Javascript">
    document.writeln("<img src='bos.gif'>");
    document.fgColor="#ff0000";
    </SCRIPT>
    </HEAD>
    <BODY>
    Hello
    </BODY>
    </HTML>


    De volgende stap is het aanroepen van het script op het moment dat wij dit wensen, dus niet automatisch bij het openen van de pagina.
    Dit doen we door van het geheel van de instructies een FUNCTIE te maken, deze een naam te geven en vervolgens langs een "button" op te roepen.
    <HTML>
    <HEAD>
    <TITLE>Probeersel</TITLE>

    <SCRIPT language="Javascript">

    function aaa()
    {
    document.writeln("<img src='bos.gif'>");
    document.writeln("Hello");
    document.fgColor="#ff0000";
    }
    </SCRIPT>
    </HEAD>
    <BODY>
    <FORM>
    <INPUT TYPE=button value="Klik maar" onClick="aaa()">
    </FORM>
    </BODY>
    </HTML>

    Er gebeurt niets. Pas als we op de knop klikken, zien we de afbeelding en de rode tekst.
    Verder merken we op dat alle instructies binnen een FUNCTIE tussen { } aanhalingstekens staan.
    Dit is zeer belangrijk. Zodoende weet de browser waar de functie begint en eindigt. Dit wordt zeker duidelijk als we meerdere funties onder elkaar schrijven.
    Verder merken we op dat we voor het eerst een EVENT gebruikt hebben, t.t.z. een CLICK EVENT.


    Volgende week :Volgende week beginnen we met de functies...