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.
DOMAssistant est une bibliothèque Javascript du genre « petit mais costaud » qui pourrait facilement remplacer jQuery pour une grande partie des utilisateurs. DOMAssitant a été créé par Robert Nyman qui a passé la main à Lim Cheng Hong. Le point fort de cette bibliothèque est sa rapidité, sa petite taille et sa modularité : DOMAssistant est segmenté en 6 modules indépendants : →
Juste un mot pour ceux qui suivent js4design à travers leur aggrégateur : je viens de terminer l’intégration du nouveau thème WordPress NoSushaï. Comme je l’ai préciser dans l’annonce faites sur css 4 design, j’ai privilégié la vitesse en évitant les effets : proposer des ressources sur Javascript ne signifie pas qu’il faut en consommer ! Toutefois, j’ai craqué pour la police de caractère FF Nuvo Web Pro de chez FontFont via Typekit.
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. →
Les requêtes Ajax sur des sites tiers ne sont normalement pas permises en raison de restrictions liées à la sécurité. Toutefois, il existe plusieurs techniques côté client pour contourner ses limitations. Grâce à ce guide pratique vous saurez tout sur le JSON with padding (JSONP), le Screen Scraping (avec une pincée de YQL) ou encore le Flash Proxy sans oublier un peu de magie côté serveur avec un proxy PHP.
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 !