Raccourci Clavier

raccourci clavier

Certaines personnes, “Les experts système“, préfèrent travailler avec leur clavier plutôt qu’avec leur souris.

Ces “experts” sont généralement plus rapides et à l’aise à travailler ainsi. À chacun sa méthode.

Le web offre très rarement la possibilité de travailler à partir de raccourcis clavier.

Cependant ce n’est pas impossible à réaliser, je dirais même que c’est assez simple.

Voir demo

Comment générer un raccourci clavier sur une page web?

Un simple petit bout de code en Java Script suffit pour que les pros du clavier
soient comblés.

Insérer ce bout de code au bon endroit sur votre page web et le tour est joué !

Ce script trouve les boutons de commandes affichés sur la page et assigne à chacun d’eux
une lettre en guise de raccourci clavier. Combinaison des touches Atl+(lettre).

<html> <head> <style type=”text/css”> span.ackey { font-size: xx-small; font-family: arial; color: #aaaaaa; } </style> <script language=”javascript”> function test(object){ alert(”Message “+object.value); } </script> </head> <body> Génération automatique de raccourcis clavier “Accesskey” (au moyen de commandes dynamiques sur l’arbre DOM). <p /> <form> <input type=”button” value=”Ajouter 1″ onclick=”test(this)”> <input type=”button” value=”Modifier” onclick=”test(this)”> <input type=”button” value=”Modifier” onclick=”test(this)”> <input type=”button” value=”Supprimer” onclick=”test(this)”> <input type=”button” value=”Ajouter 2″ onclick=”test(this)”> </form> </body> </html> <!– ligne de code à ajouter à la fin des fichiers HTML –> <script language=”javascript”> var tabButton= new Array(); var tabCar= new Array(); function createAccessKey(){ if (tabButton==null || tabButton.length==0) return; for (i=0; i<tabButton.length; i++){ b= tabButton[i]; found=false; indexFound=0; while (!found){ if (indexFound<b.value.length){ car=b.value.substring(indexFound,indexFound+1); }else{ car=indexFound-b.value.length+1; } stop=false; for(t=0; t<tabCar.length && !stop; t++){ if (tabCar[t]==car){ stop=true; } } if (!stop){ tabCar[tabCar.length]=car; found=true; } indexFound++; } //while car=car.toLowerCase(); b.accessKey=car; span=document.createElement(”span”); span.className=”ackey”; span.innerHTML=” <span>”+car+”</span>”; b.parentNode.insertBefore(span, b.nextSibling); } }// function if (document.createElement && document.getElementsByTagName ) { t= document.getElementsByTagName(”input”); for (i=0; i<t.length; i++){ b=t[i]; if (b.getAttribute(”type”)==”button”){ tabButton[tabButton.length]=b; } }//for createAccessKey(); } </script>

ToiEtMoiEtc.com

Le blog qui a toutes ses dents

Raccourci Clavier