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
  • deel 3 (vervolg 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

    We zullen nog een oefening maken.
    We wensen in ons document Hello te schrijven.
    document.writeln("Hello");
    We gaan nog een stap verder, we wensen Hello met de <H1> heading weer te geven.
    document.writeln("<h1>Hello</h1>");
    Hier zien we duidelijk dat HTML en Javascript aanvullend zijn.
    We gaan nog een stap verder :
    document.fgColor="#ff0000"
    Hier zeggen we dat de voorgrondkleur (fgColor= foreground color), die een variabele van het object document is, rood moet zijn. Waarom rood, omdat we de RGB (Rood Groen Blauw) kleur rood hebben gedefiniŽerd.
    T.t.z ff0000 = hetzelfde als 255 000 000. Dus rood.
    Als we nu een tekst in onze body zetten, zal deze de rode kleur krijgen.
    Hier zien we ook duidelijk waarom de instructies in de van het document moeten staan. Door dit te doen worden de Javascript-instructies bij het inladen door de browser in het geheugen van de browser gezet. Vanaf het ogenblik dat we de instructie oproepen, zullen ze in werking treden.

    Even recapituleren.
      1) Javascript werkt samen met HTML
      2) Javascript wordt tussen de tags gezet
      3) In Javascript zijn er verschillende objecten, die we kunnen oproepen
      4) Al deze objecten hebben functies, parameters, properties enz..
      5) Door deze in de juiste volgorde te zetten geven we instructies door
    Moet het steeds tekst zijn ? neen, natuurlijk niet.
    Zie het volgende voorbeeld.
    document.writeln("<img src='bos.gif'>");
    Bij het openen van het HTML bestand met dit script erin zal de tekening bos.gif worden getoond.
    Natuurlijk moet je zeker zijn dat er een tekening met de naam bos.gif in dezelfde directory staat als je HTML pagina.
    Nu gaan we nog een stap verder, en zullen tekst en tekening samen in een script zetten. Jullie zullen reeds hebben opgemerkt dat er steeds een ; (punt-komma) achter een instructie staat. Dit is om het einde van die instructie aan te tonen.
    document.writeln("<img src='bos.gif'>");
    document.writeln("Hello");
    document.fgColor="#ff0000";
    En wat zien we ? Eerst onze tekening en dan de woorden HELLO in het rood.


    Volgende week :We gaan verder met de oefening...