Drupal en jQuery
Wat is jQuery?
jQuery is een geweldige JavaScript-bibliotheek die het gemakkelijk maakt om met slechts een paar regels code prachtige webeffecten te creëren. Zoals vermeld op de website van het jQuery-project:
“jQuery is een JavaScript-bibliotheek met het motto: het schrijven van JavaScript-code moet leuk zijn. jQuery behandelt de meest voorkomende en repetitieve taken, maakt de code schoner en houdt deze kort, elegant en begrijpelijk.”
Je vraagt je misschien af: “Waarom niet een andere JavaScript-bibliotheek gebruiken?” Probeer gewoon eens hoe eenvoudig en krachtig jQuery is, zelfs als je eerder met MooTools of Prototype hebt gewerkt.
Waarom zou ik jQuery gebruiken?
Heel eenvoudig. Kijk gewoon naar code die jQuery gebruikt — je zult meteen zien hoe gemakkelijk het is, hoe weinig regels nodig zijn en hoe elegant deze regels zijn geschreven.
Bij mij viel het kwartje op een dag toen ik een stuk code tegenkwam dat met jQuery was geschreven. Ik bladerde door RSS-feeds en las een blogartikel over design met een voorbeeld van JavaScript-code die jQuery gebruikte. Eerlijk gezegd was die code volledig cross-browser-compatibel, en het concept van jQuery was iets dat ik daarvoor nog niet kende.
Wat kun je zeggen over jQuery-code?
De code ziet er ongelooflijk eenvoudig uit. Ik had nog nooit iets gezien dat zo eenvoudig was. Dat opent je ogen. Ik begon de documentatie te lezen en was verbaasd over hoe klein JavaScript-code kan worden gemaakt.
Wanneer kun je jQuery gebruiken?
Je kunt jQuery altijd gebruiken, want jQuery is al ingebouwd in Drupal:
- Deze kleine bibliotheek biedt krachtige controle over de Document Object Model (DOM).
- Wanneer je snel iets wilt realiseren met minimale inspanning.
of
- Voor snelle toegang met behulp van AJAX.
- Zonder complexe code vol omwegen (en zonder je zorgen te maken dat de JavaScript-code verouderd raakt).
- Wanneer je mooie animatie-effecten wilt toevoegen.
Als je animaties nodig hebt — overgangen, verbergen en tonen, uitrollen, laten oplichten, slepen — kun je dat allemaal met slechts een paar regels code doen. Op Prototype zou dat veel meer tijd kosten.
Ik wil al beginnen met jQuery!
Begin gewoon — jQuery is al ingebouwd in Drupal. Koppel simpelweg een JS-bestand aan je thema en schrijf je eigen jQuery-code. Wat je precies moet schrijven? Daarover meer in de volgende artikelen...