« Alla fine ci sono passato anch’io… | Main | Doppia frizione. Non è una novità. »
Gestiamo gli input in modo sexy
By Merlinox | January 23, 2008
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?
Tags: HTML, javascript
Post simili
January 23rd, 2008 at 9:35 am
Molto bello merlinox, funzionale con un altra colonna a sinistra, ora così e con questi colori sembra come quello di Salvatore Aranzulla! Complimenti!
January 23rd, 2008 at 10:11 am
In effetti la notavo pure io la somiglianza
January 23rd, 2008 at 10:21 am
Vedrò di cambiare i colori allora. Non mi piace assomigliare a qualcun’altro.