Trucs et astuces pour jQuery

Trucs et astuces pour jQuery, tutoriel & guide de travaux pratiques en pdf.

Rendre une balise li entièrement cliquable

Cette astuce est très pratique lorsque vous faites des menus avec des balises <ul>. Lorsque l’on clique sur un <li>, nous récupérons le lien correspondant pour y accéder.
$(« ul li »).click(function(){ //Récupérer l’attribut href du lien window.location=$(this).find(« a »).attr(« href »); return false; });
<ul> <li><a href= »accueil »>Accueil</a></li> <li><a href= »infos »>A propos</a></li> <li><a href= »contact »>Contact</a></li> </ul>

Changer de feuille de style

Vous voulez donner la possibilité de modifier le design de votre site ? Utilisez ce code pour alterner les feuilles de style CSS.
$(« a.cssSwitcher »).click(function() { //remplacer l’attribut href de la feuille de style par l’attribut rel d’un lien $(‘link[rel=stylesheet]’).attr(‘href’ , $(this).attr(‘rel’)); })
Trucs et astuces pour jQuery par Kevin Liew (Auteur) Didier Mouronval (Traducteur)
– 5 http://dmouronval.developpez.com/tutoriels/javascript/jquery/trucs-et-astuces-pour-jquery/
<link rel= »stylesheet » href= »default.css » type= »text/css »> …… <a href= »# » class= »cssSwitcher » rel= »defaut.css »>Thème par défaut</a> <a href= »# » class= »cssSwitcher » rel= »rouge.css »>Thème rouge</a> <a href= »# » class= »cssSwitcher » rel= »bleu.css »>Thème bleu</a>

Désactiver le clic droit

Certains veulent désactiver le clic droit ou créer leur propre menu contextuel. Voici comment faire.
$(document).bind(« contextmenu »,function(e){ //Votre code ici (par exemple votre menu contextuel //Puis désactivation du menu par défaut return false; });