Disable On Submit est un plugin jQuery qui désactive le bouton Submit une fois que le formulaire a été envoyé une première fois. Testé sur IE6+, FF3, Opera 9, et Safari 4. L’utilisation est très simple, puisqu’il suffit de :
$(function(){
$('form').disableOnSubmit();
});Via jquerylab.
Adding Keyboard Navigation est un tutoriel expliquant pas à pas la mise en place d’un diaporama avec la possibilité d’utiliser le clavier (flèche droite et flèche gauche) pour passer à l’image suivante ou précédente. Chez Remy Sharp, les tutoriels sont vraiment très bien fait. On trouve le tutoriel proprement dit avec les explications de code, la démonstration pour juger sur pièce et le code prêt à être copié-collé, sans oublier les commentaires, souvent utiles.
Comment System with jQuery, Ajax and PHP — L’excellent Srinivas Tamada de 9Lessons nous apprend comment mettre en place un système de commentaires Ajax avec jQuery et PHP. Au menu de ce tutoriel, nous trouvons l’exemple pour créer les tables de la base de données, le code Javascript qui va récupérer les variables saisies par l’utilisateur ainsi que les fichiers PHP nécessaires pour l’affichage, dont voici la démonstration.
Une des forces de jQuery est de permettre le lancement d’une fonction dès le chargement du DOM en mémoire, sans attendre que toutes les images soient affichées, par exemple. Or, il peut justement être intéressant d’attendre le chargement d’un élément précis avant d’agir dessus. Dans le cas d’un traitement spécifique sur une image, il est possible d’utiliser la méthode load() :
jQuery('img.featured').load(function() {
faites quelques chose avec cette image
});Ne pas confondre cette méthode load() avec l’événement load() dans un contexte Ajax.
Dynamic tabs using jQuery est un tutoriel qui montre comment utiliser jQuery pour créer un menu à onglets permettant d’ajouter ou de supprimer des onglets de manière dynamique. La démonstration semble à l’épreuve des balles et adaptée à toutes les situations. Cerise sur le gâteau, l’auteur prend le temps de décomposer son projet pas à pas et pour en expliquer les tenants et les aboutissements. Via taggle.org
La bibliothèque javascript Sexy.js améliore les aspects séquentiels d’Ajax tout en enrichissant les méthodes Ajax intégrées à jQuery. Sajax permet d’effectuer des requêtes HTTP asynchrones et de manipuler leurs fonctions de retour respectives de manière séquentielle indépendamment de l’ordre d’arrivée, en faisant en sorte que chaque fonction de retour reçoive bien la valeur qui lui est destinée. →
Tout le monde connait cet effet souvent utilisé pour afficher une publicité sous forme d’un page cornée placée généralement dans le coin supérieur droit qui se déroule au survol de la souris pour faire apparaitre le messsage complet. Avec Page Peel Corner, pas besoin d’utiliser Flash : quelques lignes de HTML, de CSS et de jQuery suffisent pour un effet du plus bel… effet !
L’affichage d’une galerie d’images avec des miniatures menant vers la taille réelle est une chose relativement commune sur le web. Simple Image Viewer allie une simplicité confondante pour un maximum d’impact (le script se contente des effets slideUp and slideDown intégrés à jQuery). →
jQuery 1.4 est dans les bacs depuis quelques jours et l’amélioration des performances promise semble au rendez-vous. Du coup, nombreux sont celles et ceux qui voudraient en profiter sans pour autant devoir remettre cent fois leur métier sur l’ouvrage. C’est l’objectif du plugin jquery-compat-1.3 qui assure la compatibilité entre les deux dernières versions majeures de jQuery !
Des informations complémentaires à propos des changements survenus lors de la sortie de jQuery 1.4 sont disponibles sur http://jquery14.com/day-01#backwards.
A l’occasion du 4ème anniversaire du lancement de jQuery, l’équipe de développement nous offre jQuery 1.4. Au menu : des performances améliorées et des nouvelles méthodes qui raviront les petits et les grands. Nettuts fait le point sur les 15 nouvelles fonctions — exemples à la clé — pour voir ce que cette nouvelle version a dans le code.