248
Maîtrise des CSS
La.simulation.de.l’asynchronie.permet.de.télécharger.les.exemples.de.code.et.d’ouvrir.l’interface. sur. n’importe. quel. ordinateur. qui. exécute. PHP,. sans. avoir. besoin. d’une. véritable.
communication.serveur.
Nous. examinerons. le. code. de. la. fonctionnalité. de. saisie. semi-automatique. juste. après. la.
section.sur.jQuery.
jQuery
Le. très. utile. livre. jQuery. de. Karl. Swedberg. et. Jonathan. Chaffer. (Pearson. France,. 2009).
décrit.jQuery.comme."une.couche.d’abstraction.de.portée.générale.pour.la.programmation.
web.courante"..Dans.mes.termes,.cela.donnerait.plutôt :."le.JavaScript.pour.les.bleus.dans.
mon.genre…".
jQuery.permet.de :
•. parcourir.le.DOM ;
•. modifier.l’apparence.d’une.page ;
•. modifier.le.contenu.d’une.page.de.manière.dynamique.
Il. permet. en. outre. de. réaliser. tout. cela. sans. écrire. des. kilomètres. de. JavaScript.. Mieux,.
il. exploite. la. syntaxe. CSS. pour. utiliser. les. sélecteurs. dans. les. documents. comme. points.
. d’attache.pour.ses.opérations.interactives.
Examinons. un. exemple. d’un. autre. site. que. j’ai. programmé. afin. de. comprendre. les. composants.de.jQuery..Il.s’agit.d’un.site.fictif.créé.à.des.fins.éducatives.qu’on.peut.consulter.à.
l’adresse.http://cameronmoll.com/articles/widget/..
Figure 10.15
Le site de
démonstration Widget
créé pour une série
d’articles rédigés
sur l’extensibilité de
l’interface CSS.
Nous.allons.utiliser.le.bouton.Dismiss.situé.dans.la.barre.de.notification.jaune.en.haut.de.
la.page.(voir.Figure 10.15)..Lorsqu’on.clique.dessus,.la.barre.jaune.disparaît.lentement.en.
glissant.vers.le.haut.
Voici.le.code.ajouté.à.la.balise.d’ancre.du.bouton :
$(‘#alert’).slideUp(‘slow’);