He aquí otro herramienta para tener un control sobre las entradas de texto. Con la ayuda de Mootools, David Walsh ha implementado un forma de aumentar ó disminuir valores numéricos en los inputs text de los formularios web, así teniendo un mejor control sobre los datos que debe ingresar el usuario.
El código en JavaScript:
window.addEvent('domready',function() {
$('form div').each(function(div) {
var input = div.getFirst('input');
var upButton = new Element('div',{
text: '+',
'class': 'button',
events: {
click: function() {
input.value = input.value.toInt() + 1;
}
}
}).inject(div);
var downButton = new Element('div',{
text: '-',
'class': 'button dec',
events: {
click:function() {
var val = input.value.toInt();
if(val != 0) {
input.value = val - 1;
}
}
}
}).inject(div);
});
});