Het handige van een functie is dat je door een commando meerdere dingen in een keer laat uitvoeren. Je kan een functie van uit html en javascript oproepen. Uit html hebben we in de vorige les uitgelegd. Na deze les kun je al een hoop grappige en handige dingen met javascript.
We beginnen met het maken van een simpel script. De bedoeling is dat bij een klik op een link (Dit is een event!) een alert box te voor schijn komt met Design-web er in.
<script language="javascript">
<!--
function Designweb()
{
alert("Designweb");
}
//-->
</script> |
Nou dat is gemakelijk met het commando function maak je een nieuwe functie genaamd in dit geval design-web. Alles tussen de accolades moet worden uitgevoerd als de functie hyperlinks wordt opgevraagd. Het alertje is al eerder in de lessen aanbod gekomen dus dat laat ik maar zitten. Nu moet je het scriptje nog aan roepen dit is vrij simpel.
| <a href="#" onclick="Designweb()">Alert</a> |
Dit ziet er allemaal best wel simpel uit. Bij de a href moet je een # zetten omdat je link wordt bestuurd via javascript. Het script moet tussen head en head en de link tussen body en body. In het volgende stuk ga ik uitleggen hoe je door een timer een function kan laten starten. De bedoeling is dat na een klik op een link de timer gaat lopen en na 5 sec ofterwijl 5000 milli seconde een alert geeft.
<script language="javascript">
<!--
function tijd()
{
setTimeout("designweb2()", 5000)
}
function designweb2()
{
alert("Designweb");
}
//-->
</script> |
| <a href="#" onclick="tijd()">Alert na 5 sec.</a> |
Natuurlijk moet je nu de functie tijd aanroepen en niet de functie designweb2 wat als je dat doet krijg je de alert metteen. Het mooie aan een functie is dat je hem zo vaak kan aanroepen als nodig is.
Als u iets niet snapt kunt u altijd even naar het forum gaan.
|
Login
Actieve topics