retours d'expériences, codes sources, réflexions, humeurs... d'un webmaster

Clickoutside Event est un plugin jQuery permettant de détecter les clics hors d'un élément et de déclancher une action, sur le même principe des lightbox.
A ajouter d'office à votre collection !

Nous avons vu la dernière fois comment ajouter un target="_blank" aux liens édités par wymeditor.
Nous allons voir maintenant comment faire pour insérer un objet flash comme par exemple les vidéos provenant de youtube.
Pour que l'éditeur accepte les balises <object> (qui sont valides XHTML), il suffit de modifier encore une fois le fichier source jquery.wymeditor.js.

Faire des translations gauche-droite, haut-bas est un jeu d'enfant avec jQuery. Il est également possible de faire des animations plus complexes, comme des petits dessins animés ajouter des effets de parallaxe en utilisant la translation sur plusieurs divs d'une même scène. Voici quelques exemples

Comme vous le savez peut-être, wymeditor est un éditeur XHTML strict écrit en jQuery. Et comme vous le savez très certainement, le XHTML strict n'accepte pas l'attribut target des liens.
Alors comment faire pour ouvrir une page externe sur un lien XHTML strict ? Et bien tout simplement en associant une action javascript sur l'évenement click (en jQuery). Et si on ne veut pas ouvrir une nouvelle fenêtre sur tous les liens, il faut ajouter (par exemple) l'attribut "class=external" pour identifier les liens externes.

jQuery permet la réalisation d'effets visuels parfois surprenants, d'ajouter très simplement de l'interactivité et du dynamisme dans vos pages.
L'accessibilité et l'ergonomie des sites étant au coeur des préoccupations de tout bon webmaster, on voit apparaitre tous les jours des scripts, des plugins permettant d'améliorer l'affichage de vos pages (medias, textes, menus, ...), d'accompagner vos visiteurs lors de la saisie des formulaires, etc...
Et parfois, on tombe sur un script bien écrit, avec de jolis effets visuels, mais qui ne sert à rien (ou alors ça m'a échappé). C'est le cas de ce script qui permet de déplacer un label inséré dans un champ de formulaire pendant la saisie : sliding labels.