Mootools “installeren”
Mootools installeren is eigenlijk een groot woord. Het is gewoon een javascriptbestandje op http://mootools.net/download. Als je daar naar download gaat, is het handig voor deze tutorial om alle dingen aan te vinken die je maar kunt aanvinken. Bij compression type kun je zelf wat kiezen. Voor in het begin kun je misschien het best de versie kiezen met de documentatie erbij. Als je het gaat downloaden kun je het bestand in dezelfde map als die van je website zetten en tussen de <head /> tag een <script /> tag zetten:
Code (php)
1
<script type="text/javascript" src="mootools.js"> </script>
Nu kun je mootools gebruiken. Je maakt een nieuw javascriptbestand aan, maakt niet uit welke naam. En daarin zet je dit:
Code (php)
1
2
3
4
2
3
4
window.addEvent('domready', function() {
// en hier gaat dan straks je code komen
// alle javascript-voorbeelden die in deze tutorial staan kunnen hierin komen
});
// en hier gaat dan straks je code komen
// alle javascript-voorbeelden die in deze tutorial staan kunnen hierin komen
});
Waarom nou dat addEvent en domready?
Ja, je zou ook het javascriptje onderaan in je pagina kunnen zetten, maar als je dit doet wordt de javascriptcode uitgevoerd als de pagina klaar is met de DOM. Dit heeft als nut dat je javascriptcode al werkt voordat de plaatjes en dat soort dingen geladen zijn.
« vorige pagina | volgende pagina »
Inhoudsopgave
- Wat kun je met mootools?
- Mootools “installeren”
- Elementen selecteren
- Voorbeeld 1: Tabs in mootools
- Voorbeeld 2: Coole effecten in mootools
- Mootools en Ajax
- Iets gaan doen met de elementen
- Voorbeeld 3 en handige links