prototype.js

Champ de saisie de date (Javascript inside)

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

Tags: ,

Lundi, juillet 28th, 2008 WebDev 5 Commentaires

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: ,

Mercredi, juillet 16th, 2008 WebDev Aucun Commentaire

Bienvenue sur mon blog.
Il s'agit avant tout d'une zone de veille pour moi, un lieu où je stocke les astuces qui me serviront à nouveau plus tard.
Au menu, du PHP, javascript, un peu de CSS et des astuces diverses...