• Un peu de ZeL ? .... Ok, commençons

    Ah, vous voilà, les petits curieux :) .

    À partir de maintenant, vous allez apprendre à programmer avec le langage ZeL ;) .

    J'espère que mes explications seront suffisamment claires, sinon, n'hésitez pas à ajouter des commentaires pour demander des précisions.

     

    Certains reconnaîtrons une syntaxe propre à JSON, et à Sizzle (utilisé par JQuery) :) . C'est normal : elle utilise ces technologies.

     

    Bon, allez, on commence sérieusement cette fois :D .

    regardons la base du ZeL (minimum) :

    {

    "do":[],

    }

    Bravo, c'est votre premier script ZeL ... qui ne fait absolument rien :( (nous verrons pourquoi, au cas où vous ne l'ayez pas deviné :D ).

    Tout d'abord, vous avez noté que le contenu se trouve entre des accolades {} . Pour les curieux, cette syntaxe particulière est obligatoire pour être compatible JSON.

    Ensuite, il est nécessaire de rajouter l'instruction "do" dont la valeur est un tableau d'instructions (entre [] ). Ce tableau ne contient rien, voilà pourquoi ce script ne fait rien :P .

    Enfin, chose à savoir, ce qui sépare les instructions sont des virgules (contrairement à la plupart des langages où c'est le point-virgule ).

     

    Maintenant, rajoutons des éléments ante-instructions :

    {

    "url":"http://www.kazeo.com",

    "debug":true,

    "do":[],

    }

    "url" : on spécifie le lien de la page cible

    "debug" : on indique si on veut que des messages d'alertes indiques les erreurs dans les instructions.

     

    Maintenant, mettons quelques instructions dans ce super script :p :

    {

    "url":"http://www.kazeo.com",

    "debug":true,

    "do":[

    {"goTo":"#link_gestion_blog"}, // commentaire ici !

    {"click":"l"},

    ],

    }

    Vous remarquez que chaque instruction se trouve entre accolade, et dans le tableau du "do" initial.

    Chaque instruction a une syntaxe similaire à celle-ci :

    {"instruction":"paramètre"}

    Où :

    • "instruction" : indique ce que vous voulez faire (typiquement : déplacer la souris, cliquer, jouer un son ...)
    • "paramètre" : précise ce que vous voulez faire (typiquement : vers quel élément se déplacer, sur quel bouton de la souris faut-il simuler le clic, quel fichier audio charger ...)

    Vous pouvez aussi rajouter des commentaires (parties non interprétées du code). Pour ce faire, précédez les commentaire par des // ou mettez la partie à commenter entre /* et */ (comme en Javascript ou les langages de syntaxe dérivée du C).

    Note : Je préviligie et je recommande fortement l'indentation telle que présentée dans les exemples de ce blog pour plus de clarté dans le code.

     

    Voilà, maintenant, consultez les documentations sur les différentes instructions, et sur la syntaxe Sizzle.


  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :