Kant en klare Javascript

Onder het motto 'je moet het warm water geen twee keer uitvinden', kan je op internet gebruik maken van de aangeboden scripts. Waar vind je de scripts en hoe ga je die toepassen op je eigen webpagina's?

Via zoekmachines kom je tot ontelbare aanbieders van scripts. Iedereen wil met de eer gaan lopen om dé script te hebben geschreven. Ze worden daarom ook gratis aangeboden mits je zo vriendelijk bent om hun naamvermelding niet te wissen. Laat die vermelding dan ook staan. Je gaat af als een gieter als een gevorderde webdesigner een reeds gekende script op je pagina aantreft zonder deze vermelding... Storende  hyperlinks kan je desnoods wel verwijderen.

Om te leren hoe je Javascript toepast op je webpagina maken we gebruik van twee voorbeelden:

1) Van op deze site http://www.jsmadeeasy.com  halen we bij cursor effecten de 'mouse banner'. Maar deze had je reeds opgemerkt.

We doen exact wat er op de site gezegd wordt... Kopieer de code (bvb Ctrl+A) en plak ze op de juiste plaats. Soms wordt de code met HTML aanhangsels gekopieerd. Plak in dit geval eerst in het kladblok en kopieer van daaruit. Het kladblok is zodanig primitief dat het de HTML er af filtert. Er moet een gedeelte in de head geplakt worden en een ander gedeelte in de body. Je kan ook op deze webpagina de broncode gaan kopiëren...

2) Van op de site http://www.dynamicdrive.com kiezen we bij 'image effects' de 'bouncing image script'. Je kan deze natuurlijk door je eigen afbeeldingen vervangen. Deze keer zit al de code in afzonderlijke bestandjes.

In stap 1 moet je de code in het head gedeelte brengen. (Je kan dit niet van bovenstaande figuur kopiëren. Dit is een figuur, geen tekst. Haal het van de site van dynamicdrive.) Daarna moet je twee keer de .js bestanden opslaan in dezelfde map als je webpagina. Dit doe je door rechtsklikken op de link en op te slaan. Daarna moet je in de body de code voor de gebeurtenis onLoad aanbrengen. De script werkt met de bal met naam superball.gif. Deze moet je ook nog eens opslaan in de zelfde map. Wil je andere figuren dan kan je de code aanpassen.

Met deze twee voorbeelden zou je moeten in staat zijn om een simpele script te implementeren op je webpagina. Volg gewoon de instructies van de makers van de script.