Jquery UI permet, entre autre, d’afficher un datepicker : c’est un calendrier visuel qui apparait généralement au clic sur un input ‘text’.
Par défaut, la date est au format MM/JJ/AAAA. Pour la passer au format JJ/MM/AAAA, rien du plus simple, il y a 1 ligne à rajouter. Lire la Suite
Archives de Catégorie : Jquery
Diapo slideshow : plugin jQuery de défilement d’images
Diapo slideshow est un plugin jQuery qui permet de créer un diaporama défilant d’images.
Il est assez récent car il date d’août 2011 (version actuelle de novembre : 1.0.4).
Je vous le présente car les effets et transitions sont vraiment sympas et pros, l’utilisation simple.
- L’exemple de Diapo slideshow
- Télécharger Diapo slideshow (avec démo : ~500ko)
- Télécharger Diapo slideshow (version mini : ~20ko)
jQuery.Smart3D : donner un effet 3D à vos images
Je viens de découvrir ce petit plugin Jquery qui permet de donner un effet de relief à vos images.
Ça se passe à cette adresse : http://4coder.info/proekty/jquery-plaginy/jquery-smart3d/ (site russe à priori)
Après l’avoir mise sur votre serveur, il parait très facile d’obtenir le rendu de l’exemple : Lire la Suite
Tuto : uploader une image en HTML5 / jquery
Ce tuto présente une application réalisée en PHP, HTML5 et utilisant la bibliothèque javascript Jquery, qui permet d’uploader une image en drag and drop.
Une barre de progression vous indique où vous en êtes en temps réel dès le début de l’envoi.
Ce script utilise les APIs HTML5 File Reader et Drag & Drop
Tuto jquery : afficher la sécurité d’un mot de passe
Power PWChecker est un plugin jquery gratuit qui permet d’indiquer à vos internautes si la complexité du mot de passe renseigné est assez sécurisé ou pas.
Paramètres PWCheker :
- minlength: taille minimum du mot de passe, 8 caractères par défaut.
- maxlength: taille maximum du mot de passe, 16 caractères par défaut.
- onPasswordValidate: Callback function.
- onPasswordMatch: Callback function.
Pour utiliser cette librairie c’est très simple. Il suffit d’avoir la dernières version de jquery, mettre sur votre serveur pschecker.js et style.css file
- Le Tuto Power PWChecker
- La démo de l’affichage du niveau de sécurité Lire la Suite
Tuto : créer facilement une infobulle avec jQuery
Red-team a rédigé un tuto permettant de créer une infobulle avec jQUery : c’est une bulle d’aide qui apparait au roll-over de la souris, souvent sur les liens ou dans les formulaires.
Il y a des dizaines de tutos déjà sur le net mais je trouve que ce script a un rendu assez design et la bulle apparait d’une manière très fluide.
C’est en CSS3 et HTML5.
J’ai testé sous Firefox 8, Google Chrome 15 et Internet explorer 8 : sous IE l’apparition et la disparition est instantanée sans transition , comparée aux deux autres navigateurs.
La démo : red-team-design.com/wp-content/uploads/2011/11/easy-css3-jquery-tooltips-demo.html
Lire la Suite
jQuery : les 20 meilleurs sliders d’images
Mettez en avant vos produits ou vos articles grâce à un slider d’images :c’est un module qui permet de faire défiler des images.
C’est une tendance populaire sur le web actuellement.
Uxde.net a regroupé une sélection des 20 meilleurs tutoriaux ou plugin jQuery
[AMAZONPRODUCT=2212132719]
25 plugins Jquery pour créer des effets ‘Facebook’
Nous avons tous l’habitude de surfer sur Facebook et nous sommes désormais à l’aise avec à son ergonomie.
Facebook est si populaire que des plugins Jquery ont été développes afin de pouvoir reproduire certaines fonctionnalités : reconnaissance faciale, alert box, mur, chargement automatique du contenu en bas de l’écran, autocompletion de recherche, …
La liste des 25 plugins sur slodive.com