jQuery

Ludiscape repose en grande partie sur le langage JavaScript et la librairie JQuery

La puissance de jQuery repose sur l’une de ses facettes : la sélection d'éléments. Qui permet de sélectionner, modifier et obtenir la valeur de la plupart des éléments qui peuvent être rencontrés dans le DOM de votre application pédagogique.

jQuery repose sur une seule et unique fonction : jQuery(), ou son alias, $(). Cette fonction accepte un ou plusieurs paramètres et retourne un objet que nous appellerons « objet jQuery ».

Les paramètres peuvent être d'un des types suivants :

Un sélecteur CSS : l'élément (ou les éléments) qui correspond au sélecteur est retourné.
Un attribut de l’objet DOM, un document un texte ou l'objet window : un objet jQuery correspondant à cet élément est retourné.

//Changer le fond d’un objet

$(‘.element’).css(‘background-color’,’red’) ;

Dans cet exemple nous sélectionnons l’objet (ou les objets) Ludiscape avec un identifiant element et nous lui appliquons un fond rouge.

Le point fait référence à l'attribut class d'une balise.

Supposons que vous ayez défini la balise <div class="rouge">. Le sélecteur .rouge sélectionne cette balise.

Pour des raisons pratiques (plusieurs objets peuvent avoir le même identifiant) Ludiscape permet de définir un ID qui est appliqué comme une classe.

Les objets HTML peuvent contenir un ou plusieurs attributs. Par exemple, la balise <img src="data/chat.jpg" width="40" height="30"> contient trois attributs : src, width et height. Pour sélectionner toutes les balises qui contiennent un attribut src, vous utiliserez le sélecteur [src].

//Changer l’image d’un objet

$(‘.element’).attr(‘src,’data/chien.jpg’) ;

Note : Le DOM doit être disponible et créé pour être manipulable, les objets de chaque écran étant créés à la demande le script sur un bouton action de l’écran 1 ne peut pas influer sur un objet de l’écran 2.