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.
|
|