Chosen est un plugin jquery qui permet de réaliser des inputs de type select travaillés, et avec un champs de recherche dans les propositions. Voici un exemple de champs select généré avec l’aide de chosen : Le plugin permet une recherche rapide des options par l’utilisateur dans une liste très grande, comme ici avec la… Read more »
Posts Categorized: JQuery
Réaliser des formulaires très rapidement avec Zebra_form
Zebra_form est une librairie PHP qui permet à partir d’un code très simple de générer un formulaire avec verification dynamique. La librairie permet mettre des contraintes sur les champs afin d’automatiser la vérification des données, mais aussi de générer des jetons de formulaires ou encore de gérer l’upload de fichiers. Voici un exemple très simple… Read more »
Mettre en place des masques dans des champs input
Jquery Mask Plugin est, comme son nom l’indique, un plugin jquery qui permet de mettre en place des masques sur des champs input. Le but étant de forcer, ou d’aider, l’utilisateur à saisir des informations sous le bon format. Le cas le plus courant est un champs date, si on n’utilise pas un datepicker, on… Read more »
JQuery UI bootstrap
Jquery UI bootstrap est un thème pour le framework JQuery UI. La librairie permet d’integrer dans votre application des composants JQuery UI tout en gardant le thème de votre application. L’affichage en accordéon La génération d’onglet les boîtes de dialogues Les boutons et les glyphes le datepicker les messages d’erreurs et de validation les sliders… Read more »
Des boites de dialogues avec Avgrund Modal
Avgrund Modal est plugin JQuery qui permet de réaliser des boites de dialogues très modernes, avec un superbe effet à l’affichage. Voici comment mettre en place le plugin pour afficher une modal box. <a href="#" id="show" >Afficher la popup</a> <script> $(function() { $('#show').avgrund({ height: 200, holderClass: 'custom', showClose: true, showCloseText: 'Close', enableStackAnimation: true, template: '<p>So… Read more »
Créer des tooltips avec Powertip
Powertip est un plugin JQuery qui permet de faire des tooltips. La dernière mise à jour date du 8 août 2012, autant dire que le créateur continu de l’améliorer. L’avantage de ce plugin par rapport à d’autre est la notion de « smart placement » (placement intélligent) qui permet de placer les tooltips de manière à ce… Read more »
Gérer les raccourcis clavier avec JWERTY
JWERTY est une librairie javascript qui permet de gérer simplement les combinaisons de touches et d’y attribuer des traitements. Bien que JWERTY n’utilise pas JQuery, il a été conçu de manière à être compatible avec. Une fois la librairie incluse, l’utilisation est très simple : jwerty.key('ctrl+alt+z', function () { alert("Ma belle fonction"); }); Vous pouvez… Read more »
Créez des diagrammes de GANTT avec JQuery
JQuery GANTT est un plugin JQuery qui permet de générer un digramme de Gantt rapidement. Le design « à la mac » du rendu est très agréable, comme vous pouvez le voir sur cet aperçu : Compatibilité Le plugin est compatible sur les navigateurs suivants : Firefox 4+ Chrome 13+ Safari 5+ Opera 9+ IE 8+ Utilisation… Read more »
Réaliser des tooltips avec qTip2
QTip2 est un plugin JQuery qui permet de générer des tooltips évoluées simplement. Il s’agit ici de la nouvelle mouture de qTip utilisée par différents grands sites Internet comme Mozilla. Le site du projet propose une démonstration complète qui nous propose de voir le code source de chacun des exemples. Le plugin propose différentes méthodes… Read more »
Faire une barre de scroll à la lion
NanoScroller est un plugin JQuery qui permet de créer simplement une barre de défilement ressemblant à celle de la nouvelle mouture de Mac OS X (lion). Vous pouvez voir sur l’image suivante un exemple de barre de défilement personnalisée grâce à NanoScroller : Voici le code source qui permet de mettre en place le plugin… Read more »
Licence de cette page
Ce(tte) oeuvre est mise à disposition selon les termes de la Licence Creative Commons Paternité - Pas d’Utilisation Commerciale - Pas de Modification 3.0 non transcrit.
Commentaires récents