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 »
11/04/11
jQuery Placeholder — L’attribut de formulaire HTML5 «placeholder» pour les navigateurs anciens
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 boutonsradio 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 False, Douglas 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.).
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.
20/04/10
Bloc de login à la Twitter avec jQuery
Perfect signin dropdown box likes Twitter with jQuery est un tutoriel qui explique comment faire un bloc de login dynamique comme celui qui se trouve sur la page d’accueil de Twitter. Il suffit d’un formulaire HTML, d’une bonne pincée de CSS et d’une rasade de jQuery. Via Path-Tech.
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.
11/02/10
Uniform — Des styles de formulaires « sexy » avec jQuery
Uniform est un plugin jQuery dans la lignée de jqTransform pour ajouter du look and feel aux rugueuses cases à cocher, aux boutons radio anémiques, sans oublier les spartiates boutons Parcourir… qui donneraient presque envie de se mettre à Flash ;) Uniform masque les éléments de formulaires standards et ajoute une surcouche plus élégante. Fonctionne comme les vrais éléments de formulaires remplacés pour assurer une compatibilité et une accessibilité correcte. Compatible avec Safari 3+, Firefox 3+, IE7+ et Chrome (pas IE6, donc).
03/02/10
jqTransform — Stylez vos formulaires avec jQuery et CSS
jqTransform est un plugin jQuery qui améliore légèrement — mais sûrement — l’apparence des formulaires web en gardant l’essentiel : les formulaires ressemblent toujours à des formulaires ! Les champs text voient leurs coins légèrement arrondis, ainsi que les case à cocher avec une coche du plus bel effet. Les boutons radio et les menus select sont eux aussi légèrement stylés.