Gestiamo gli input in modo sexy

Per rendere i vostri siti ed in modo particolare i vostri Content Management System (CMS) più usabili, senza ricorrere a script pesantissimi o wizard di evitor succhia risorse, spesso qualche riga di javascript può aiutare a fare un discreto lavoro. Questa volta riprendo uno script già presentato per la gestione dei tasti e aggiungo un alert per monitorare il codice ascii del tasto premuto.

Il tasto premuto è riconosciuto tramite l’evento onkeypress. Una volta individuato il carattere o il codice si può decidere come gestire la messaggistica e l’output. Nel caso dell’esempio a me è servito per inibire il tasto invio su un campo text dentro un form. L’invio è 13!

<script type="text/javascript">
function checkSubmitKey(e){
var numero;
var carattere;
if(window.event) // IE
{
numero = e.keyCode;
}
else if(e.which) // Netscape/Firefox/Opera
{
numero = e.which;
}
//carattere = String.fromCharCode(numero);
alert(numero);
}
</script>
<form name="ciccio" onsubmit="return false">
<input type="text" value="" name="x" onkeypress="return checkSubmitKey(event);" />
</form>

Buona notte amici.

p.s.: che ne pensate del nuovo blog?

Loading Facebook Comments ...

3 pensieri su “Gestiamo gli input in modo sexy

  1. Geekissimo

    Molto bello merlinox, funzionale con un altra colonna a sinistra, ora così e con questi colori sembra come quello di Salvatore Aranzulla! Complimenti!

    Rispondi

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *