21/12/10

Lightbox CSS avec tabindex et pseudo-classe :focus

Lightbox sans Javascript – Les Lightbox s’affichent généralement suite à un événement `click` capturé par Javascript. CSS ne possède pas de pseudo-classe `:click`, mais cela n’a pas empêché Jérémy Barbe (@capitainemousse) de créer une Lightbox full CSS en remplaçant l’événement `click` par la pseudo-classe `:focus` et la propriété `tabindex` pour permettre aux images d’avoir le «focus». Voir la démonstration. Lire le reste de cet article »

22/06/10

Étendre la zone cliquable d’un lien à l’élément parent avec jQuery

Pour étendre la surface cliquable d’un lien les CSS sont bien utiles : il suffit d’augmenter le padding de l’ancre concernée. Mais ne serait-il pas judicieux de rendre cliquable l’élément parent d’un lien ? C’est ce que propose Eroan Boyer dans son billet Étendre la portée d’un lien avec Jquery : Lire le reste de cet article »

13/04/10

Add Events jQuery — Ajouter «cursor: pointer» sur tous les événements «click»

David Walsh s’est penché sur l’affichage du «doigt qui clique» lorsqu’on ajoute un événement `click` ou `hover` sur un élément du DOM : Lire le reste de cet article »

11/03/10

Clickoutside Event — Détectez les clics en dehors d’un élément

Clickoutside event — Ce plugin jQuery permet de déclencher une action lorsque l’utilisateur clique en dehors de l’élément spécifié. La gestion des événements de jQuery, déjà très complète, s’enrichit avec clickoutside. Pour 0.7 ko ce serait dommage de s’en priver. Ce plugin sera très utile pour fermer vos fenêtres modales (lightbox) lorsque l’utilisateur clique à l’extérieur. Voici un exemple d’utilisation : Lire le reste de cet article »