Verander de opmaak van onderstaande tekst mbv jQuery!

Default
Tekstkolom versmallen
Achtergrondkleur
Grote letters


Waarom jQuery (en geen Flash).

Karen Nijst, bureau Kahlo

Flash is vele jaren dé manier geweest om websites indrukwekkender te maken dankzij flitsende animaties. Reden was dat browsers de taal javascript op verschillende manieren uitvoerden. Met de komst van Javascript libraries zoals jQuery is dat probleem grotendeels opgelost. Vandaar dat steeds meer webdevelopers overstappen naar jQuery en Ajax. Ook omdat met het Ajax model, applicaties snel wijzigingen kunnen aanbrengen in een pagina zonder dat deze herladen dient te worden. (Denk bijvoorbeeld aan de controle van een contactformulier vóórdat deze verzonden wordt).


jQuery wint het in verschillende opzichten van Flash** omdat:

  • U makkelijk verschillende onderdelen (teksten of foto's etc) op uw pagina kunt dynamiseren;
  • De stylesheet (CSS) optimaal gebruikt kan worden;
  • Het redelijk eenvoudig is om het toe te passen in dynamische php-scripts;
  • De bestandsgrootte klein is. Flash doet er vaak langer over om te laden;
  • De basis library van Query makkelijk uitbreidbaar is;
    onder andere dankzij de vele duizenden plug-ins die door anderen zijn ontwikkeld
  • JQuery browser onafhankelijk is, ofwel jQuery werkt in alle browsers hetzelfde;
    (alhoewel de beta-versie van IE9 'n tijdje voor problemen heeft gezorgd);
  • JQuery zoekmachinevriendelijk is, en Flash helaas niet. Flash-sites worden namelijk slecht geïndexeerd door zoekmachines;
  • jQuery op dit moment het meest gebruikte Javascript is (vandaar dat er zoveel plug-ins beschikbaar zijn ...)
  • Flash minder breed ondersteund wordt, en het relatief meer tijd kost om simpele handelingen uit te voeren.

** Overigens maakt deze site ook gebruik van Flash (zie de animatie rechts in de sidebar). Maar in dit geval gaat het om een kleine animatie die weinig ruimte in beslag neemt en ook niet per se de vindbaarheid van deze site hoeft te beïnvloeden. Een slideshow m.b.v. jQuery is echter makkelijk te realiseren, zie het jQuery-slideshow-voorbeeld op deze site.

Slepen met elementen op een Internetpagina

Een aardige jQuery-toepassing vindt u in het onderstaand voorbeeld. Hier kunt u zelf bepalen in welke volgorde de sportactiviteiten komen te staan door erop te klikken en ze te slepen naar een andere positie. Toegegeven, het lijkt ietwat zinloos, maar bedenk dat dit soort toepassingen goed bruikbaar zijn in formulieren of gedeelde kalenders.
En wilt u de bom laten exploderen? Be my guest! De computer zal er niet onder lijden...

Ik houd het meest van:

Sleep met de blauwe vakken om de volgorde te wijzigen.

Tennissen

Biljarten

Fietsen

Joggen

Zwemmen

Turnen



Andere voorbeelden van jQuery:

Een handige tool is 'datepicker' die gebruikt kan worden in formulieren. Er zijn veel toepassingen en layouts mogelijk om uw formulier te verfraaïen.
Hieronder vindt u twee voorbeelden:

Klik op het icoontje rechts van het tekstvak en selecteer een datum.

Date:


Klik op het icoontje rechts van het tekstvak en selecteer een datum. Klik vervolgens weer op het icoontje om de kalender te verbergen.

1 januari, 2012 ÷ 31 januari, 2012 Selecteer nieuwe datumreeks