22/04/13

Select2 — des menus « select » survitaminés

Select2 est un plugin jQuery qui améliore le look & feel et l’ergonomie de vos menus select (recherche, données distantes et scrolling infini parmi les résultats) — dans le même esprit que Chosen. (Merci Emilien). Lire le reste de cet article »

05/04/12

jQuery Masked Input — Masque de saisie pour les champs input

jQuery Masked Input Plugin est un script qui devrait vous servir un jour ou l’autre : il crée des masque de saisie sur les champs de formulaires.  Très utile pour limiter la saisie à des chiffres ordonnés d’une certaine manière comme (___) ___-____ x_____ par exemple.

Masked Input est disponible sur Github.

Via @SebastienMenu o/

11/04/11

jQuery Placeholder — L’attribut de formulaire HTML5 «placeholder» pour les navigateurs anciens

jQuery-Placeholder permet d’utiliser l’attribut de formulaire «placeholder» dans les navigateurs ne prenant pas en charge HTML5. Cet attribut affiche une courte description ou une brève indication de la raison d’être du champs de formulaire en question : «Un Email valide, de préférence !» ou «N’oubliez pas http://», etc. Il ne se substitut pas à la balise label qui indiquerait «Votre Email» ou «Votre site web» (1). Lire le reste de cet article »

10/01/11

jQuery radioSwitch — Transformez vos boutons radio en Sliders

jQuery radioSwitch est un plugin créé par Ammon Casey dont l’objectif est de transformer des boutons`radio` HTML en superbes Sliders d’un coup de magie CSS3 et Javascript. Il suffit d’envelopper les boutons `radio` avec un container sur lequel s’effectuera l’appel de la fonction. Chaque bouton `radio` doit posséder un `label` avec l’attribut `for` pointant vers l’identifiant du bouton correspondant. Lire le reste de cet article »

22/09/10

Evénement jQuery : Return False, preventDefault() ou bien ?

Dans jQuery Events: Stop (Mis)Using Return FalseDouglas Neiner nous explique, avec moult exemples, toutes les subtilités relatives aux événements dans jQuery. Une des premières choses que l’on apprend en Javascript est d’empêcher les comportements par défaut liés aux liens ou aux formulaires (le lien sur lequel on l’applique n’est pas suivi par le navigateur, le formulaire ne « submit » plus, etc.).

Lire le reste de cet article »

08/06/10

Fancy Sliding Form — Affichez vos formulaires sous forme de Slideshow

Fancy Sliding Form — Ce script jQuery découpe un formulaire en autant de parties qu’il contient de `fieldset`, accessibles via un menu qui les fait apparaitre sous forme de Slideshow. Cerise sur le gâteau, un symbole apparait sur chaque entrée de menu si les champs n’ont pas été renseignés. Ce tutoriel explique chaque étape : le marquage HTML, les feuilles de style CSS et le code Javascript. Jetez un oeil sur la démonstration. Via @LaFermeDuWeb.

29/04/10

jQuery Form Plugin — Mettez de l’Ajax dans vos formulaires HTML

jQuery Form Plugin permet de manipuler et de gérer l’envoi de données d’un formulaire HTML en Ajax. Les méthodes `ajaxForm` et `ajaxSubmit` rassemblent les informations de votre formulaire pour déterminer comment gérer le processus d’envoi. Ces méthodes comportent de nombreuses options pour contrôler la manière dont sont envoyées les données.

23/03/10

Webform to wizard –Transformez les formulaires en «assistant»

Webform to wizard est un plugin jQuery qui découpe les formulaires longs et ennuyeux en «assistant» en suivant les contours des balises HTML `fieldset`. Les boutons Back et Next pour passer d’une partie à un autre sont ajoutés sans marquage supplémentaire au niveau de l’intégration. Lire le reste de cet article »

14/02/10

Menus «select» et champs «input» avec jQuery

Michel L’Huillier nous propose six bouts de code pratiques pour manipuler les éléments `select` et `input` avec jQuery : récupérer la valeur ou faire passer le texte d’une ou plusieurs options sélectionnées ; utiliser des éléments `option` sélectionnés dans des instructions conditionnelles ; supprimer un élément `option` ; déplacer des options d’une liste A vers une liste B. Les snippets sont suivis d’une Cheat Sheet concernant les élements `select` et `input`.