251
Étude de cas : Roma Italia
qu’une.simple.liste.à.puces.(ul),.est.généré.par.une.combinaison.de.jquery.autocomplete.js.
et.jquery.plugins.js.et.mis.en.forme.par.autocomplete.css..L’utilisateur.peut.ensuite.sélectionner.une.correspondance.avec.la.souris.ou.le.clavier.ou.continuer.à.taper.et.appuyer.sur.
la.touche.Entrée..L’interaction.s’arrête.là.
Figure 10.17
La fonctionnalité
de recherche complète
en action.
jquery.autocomplete.js.inclut.plusieurs.centaines.de.lignes.de.code,.mais.voilà.toute.la.beauté.
de.jQuery :.je.n’en.ai.pas.écrit.une.seule..Il.s’agit.d’un.plug-in.jQuery.conçu.par.la.communauté..Or,.il.en.existe.bien.d’autres.du.même.genre..En.fait,.l’essentiel.des.exemples.de.code.
jQuery.de.cette.étude.de.cas.provient.de.plug-ins..Le.plug-in.de.saisie.semi-automatique,.
jQuery.Autocomplete,. peut. être. trouvé. à. l’adresse. http://bassistance.de/jquery-plugins/
jquery-plugin-autocomplete/.
Pour.obtenir.d’autres.ressources.et.des.didacticiels,.consultez.les.sites.web.suivants :
•. http://bulletproofajax.com/ :.Bulletproof.Ajax.par.Jeremy.Keith.
•. http://ajaxian.com/ :.Ajaxian.com.
•. http://dhtmlsite.com/ajax.php :.DHTML.site,.didacticiels.Ajax.(en.anglais).et.scripts.
•. http://jquery.com/ :.site.officiel.jQuery.
•. http://www.digital-web.com/articles/jquery_crash_course/ :.cours.intensif.en.jQuery.
du magazine.Digital Web.
•. http://simonwillison.net/2007/Aug/15/jquery/ :.jQuery.pour.les.programmeurs.Java–
Script.par.Simon.Willison.
•. http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/ :. didactiel.jQuery.pour.les.concepteurs.de.Web.Designer.Wall.
•. http://www.noupe.com/jquery/50-amazing-jquery-examples-part1.html :. plus. de.
cinquante.didacticiels.jQuery.
•. http://www.sastgroup.com/jquery/240-plugins-jquery :.deux.cent.quarante.plug-ins.
pour.jQuery.
En résumé
Vous.avez.maintenant.abordé.de.nombreuses.techniques.utilisées.pour.programmer.le.site.
Roma.Italia..Il.y.en.a.bien.d’autres ;.ouvrez.le.capot,.plongez.dans.le.code.et.vous.dénicherez.
sans.doute.encore.quelques.perles..
Notez.que.les.tailles.de.fichier.pour.ce.site.sont.assez.importantes,.entre.autres.en.ce.qui.
concerne.les.scripts.et.les.images..Si.le.site.était.un.véritable.site.déployé,.nous.utiliserions.
Étude de cas : Roma Italia
qu’une.simple.liste.à.puces.(ul),.est.généré.par.une.combinaison.de.jquery.autocomplete.js.
et.jquery.plugins.js.et.mis.en.forme.par.autocomplete.css..L’utilisateur.peut.ensuite.sélectionner.une.correspondance.avec.la.souris.ou.le.clavier.ou.continuer.à.taper.et.appuyer.sur.
la.touche.Entrée..L’interaction.s’arrête.là.
Figure 10.17
La fonctionnalité
de recherche complète
en action.
jquery.autocomplete.js.inclut.plusieurs.centaines.de.lignes.de.code,.mais.voilà.toute.la.beauté.
de.jQuery :.je.n’en.ai.pas.écrit.une.seule..Il.s’agit.d’un.plug-in.jQuery.conçu.par.la.communauté..Or,.il.en.existe.bien.d’autres.du.même.genre..En.fait,.l’essentiel.des.exemples.de.code.
jQuery.de.cette.étude.de.cas.provient.de.plug-ins..Le.plug-in.de.saisie.semi-automatique,.
jQuery.Autocomplete,. peut. être. trouvé. à. l’adresse. http://bassistance.de/jquery-plugins/
jquery-plugin-autocomplete/.
Pour.obtenir.d’autres.ressources.et.des.didacticiels,.consultez.les.sites.web.suivants :
•. http://bulletproofajax.com/ :.Bulletproof.Ajax.par.Jeremy.Keith.
•. http://ajaxian.com/ :.Ajaxian.com.
•. http://dhtmlsite.com/ajax.php :.DHTML.site,.didacticiels.Ajax.(en.anglais).et.scripts.
•. http://jquery.com/ :.site.officiel.jQuery.
•. http://www.digital-web.com/articles/jquery_crash_course/ :.cours.intensif.en.jQuery.
du magazine.Digital Web.
•. http://simonwillison.net/2007/Aug/15/jquery/ :.jQuery.pour.les.programmeurs.Java–
Script.par.Simon.Willison.
•. http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/ :. didactiel.jQuery.pour.les.concepteurs.de.Web.Designer.Wall.
•. http://www.noupe.com/jquery/50-amazing-jquery-examples-part1.html :. plus. de.
cinquante.didacticiels.jQuery.
•. http://www.sastgroup.com/jquery/240-plugins-jquery :.deux.cent.quarante.plug-ins.
pour.jQuery.
En résumé
Vous.avez.maintenant.abordé.de.nombreuses.techniques.utilisées.pour.programmer.le.site.
Roma.Italia..Il.y.en.a.bien.d’autres ;.ouvrez.le.capot,.plongez.dans.le.code.et.vous.dénicherez.
sans.doute.encore.quelques.perles..
Notez.que.les.tailles.de.fichier.pour.ce.site.sont.assez.importantes,.entre.autres.en.ce.qui.
concerne.les.scripts.et.les.images..Si.le.site.était.un.véritable.site.déployé,.nous.utiliserions.