LoïcG

Champ de saisie de date (Javascript inside)

Voici une classe héritée de l’ ajax.InPlaceEditor incluse dans Scriptaculous. › Lire la suite

Tags: javascript, prototype.js

Raccourcis clavier à la « Google Reader » (Javascript inside)

Voici un petit bout de code en javascript permettant de créer un système de raccourcis clavier à la « Google Reader ».
Attention, ce script nécessite la librairie Prototype.js pour sa gestion des évênements.

var raccourci; //genre de flag pour dire si le raccourci est prêt ou pas
var mesURL=new Array(); //mes URLS
mesURL["F"]="http://www.google.fr"; //raccourci "F"
mesURL["I"]="http://www.google.com"; //raccourci "I"
mesURL["D"]="http://www.google.de"; //raccourci "D"

function onRaccourciClavier(e)
{
  if(e.element().tagName !="INPUT" && e.element().tagName !="SELECT") //check si on est pas dans un input ou selectbox
  {
    if(String.fromCharCode(e.keyCode)=="G" && raccourci!="G") raccourci="G";
    else
    {
      var monURL = mesURL[String.fromCharCode(e.keyCode)];
      if(raccourci=="G" && monURL) window.location=monURL;
      raccourci="";
    }
  }
}

Event.observe(window,'keyup', onRaccourciClavier);

Ce snippet fonctionne comme les raccourcis « menu » de Google Reader. C’est à dire qu’il réagit à une suite de 2 touches, dont la première est le G.
Par exemple, la combinaison GF ouvrira Google en Français….

Ce code prends également en compte le fait qu’un champ de saisie de texte soit sélectionné ou pas.

Code préparé en quelques minutes sur une idée de Pickupjojo

Tags: javascript, prototype.js