Les menus à onglets sont à la mode depuis déjà quelques temps. Et c’est temps mieux car ils sont bien pratiques. Ils permettent de résoudre un des problème fondamentaux des interfaces utilisateurs : présenter plus d’informations sur une page, tout en permettant d’y accéder facilement. Ou tout au moins sans transformer votre site en usine à gaz dont le parfum ferait fuir vos visiteurs 😉 →
Trucs et astuces Javascript
Ce billet regroupe quelques fonctions simples et utiles en Javascript ou en PHP. Comme pour la boite à outils CSS, celle-ci est destinée à s’enrichir régulièrement.
- slideToggle() et hover() avec jQuery 1.1.2
- Mettre en évidence le lien de la page en cours avec currentPage()
- Permuter une classe CSS avec une autre avec toogleClass()
- Ouvre et centre un popup en une seule opération depuis la page appellante avec popup()
- Permutez deux classes sur un événement avec multiClass()
- footer calé en bas de page avec getWindowHeight() et setFooter()
- Envoyer un formulaire avec la touche Entrée (Quand le bouton n’est pas de type submit)
Tracker les liens sortants
Les pages de redirection sont souvent utilisées pour assurer le tracking des liens sortants. Ce système — lourd à mettre en place — peut être avantageusement remplacé par la classe XHRConnection de Thanh qui ne cesse de trouver des applications aussi pratiques qu’élégantes.
Ce tutoriel explique comment — tout en laissant les liens en dur dans la page et en redéfinissant leur comportement onclick — associer une action pour envoyer à un script côté serveur (tracker.php) l’URL de la page courante ainsi que l’URL de la page demandée par l’utilisateur.
La fonction track() renvoit ensuite true pour que le navigateur effectue la requête de l’utilisateur en accédant à l’URL demandée. Le résultat apparait sous la forme d’un tableau affichant la date, l’heure, l’URL demandée ainsi que l’url de la page appelante. Deux derniers mots : merci Thanh !