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)
PHP script in nieuw venster Selecteer het PHP script
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)
PHP script in nieuw venster Selecteer het PHP script
1
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
});

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.

« Lees de omschrijving en reacties

Inhoudsopgave

  1. Wat kun je met mootools?
  2. Mootools “installeren”
  3. Elementen selecteren
  4. Voorbeeld 1: Tabs in mootools
  5. Voorbeeld 2: Coole effecten in mootools
  6. Mootools en Ajax
  7. Iets gaan doen met de elementen
  8. Voorbeeld 3 en handige links

PHP tutorial opties

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.