JQuery est une bibliothèque Javascrit très connue. Elle offre beaucoup de fonctionnalités mais je ne m'y connais pas assez pour en dire plus. Si vous voulez en savoir plus rendez vous ici (je n'ai pas lu ce tutoriel, je ne garantis donc pas sa qualité). Une autre librairie a été développée avec celle ci pour faire des effets graphiques et s'appelle JQuery-UI. Vous pouvez aller voir ici pour avoir un aperçu de ses fonctionnalités (sélecteur de date, champs autocomplétés, boites de dialogues, barres de progression, accordéons, progressbar, etc.)
Son installation n'est pas très bien documentée avec Symfony, je fais donc une petite explication.
Étape 1 : téléchargement de JQuery-ui
Rendez-vous tout d'abord ici : http://jqueryui.com/themeroller/
Dans le menu à gauche, dans l'onglet par défaut ("Roll your own") vous pouvez complètement paramétrer les couleurs des widgets, etc. Si vous voulez un thème déjà existant, rendez-vous dans l'onglet "Gallery" qui propose de nombreux thèmes par défaut très corrects. Une fois le thèmes choisit, cliquez sur "download". Une nouvelle page va s'afficher en vous demandant quels éléments vous avez besoin. Si vous ne savez pas, laissez tout coché. Mais si vous savez, sélectionnez le strict minimum car c'est une bibliothèque assez lourde, il vaut donc mieux limiter la taille totale. Cliquez ensuite sur le bouton "dowload" à droite en choisissant la dernière version disponible.
Étape 2 : installation
Une fois l'archive téléchargée, décompressez-la. Ouvrez le répertoire décompressé. Vous y trouverez trois nouveaux répertoires : "js", "development-bundle" et "css"
Deux nous intéressent. "js" et "css". Tout d'abord rendez-vous dans le répertoire "js". Il contient deux fichiers. Un fichier contenant la librairie JQuery et un autre JQuery-ui. Copiez ces deux fichiers dans votre répertoire web/js de Symfony. A chaque fois que vous aurez à utiliser ces bibliothèques, vous devrez inclure ces DEUX fichiers avec la fonction use_javascript() de Symfony.
Maintenant, vous allez avoir besoin des styles et des images. Commençons par les images. Rendez-vous dans le répertoire "css/nom_votre_design/images" de votre répertoire que vous avez décompressé. Copiez toutes les images qui s'y trouvent dans le répertoire "web/images/jquery-ui" de votre répertoire Symfony par exemple.
Rendez-vous ensuite dans le répertoire "css/nom_votre_design". Récupérez le fichier css et copiez-le dans le répertoire "web/css" de Symfony. Dans ce fichier il y a de nombreux liens vers vos images. Par défaut ils ne sont pas corrects pour la configuration que je vous ai donnée. Il faut donc les modifier. Ouvrez le fichier et remplacez toutes les occurrences (avec Ctrl+h pour la majorité des éditeurs de texte) de "url(images/" par "url(../images/jquery-ui/".
Comme pour les fichiers javascript il faudra inclure ce fichier css dans toutes les pages utilisant JQuery.