tastierino numerico

[DUMAX]

salve,
ho bisogno di un tastierino numerico fatto con javascript che sostituisca la tastiera per l'inserimento dei numeri nei vari input text.
ho trovato questo script carino: http://www.criric.it/public/javascri...o_numerico.php

Come potete notare simula una calcolatrice che quindi ha un solo input text.
A me invece serve che ogni volta che mi sposto in un altro input text debba funzionare comunque.
e in più vorrei aggiungere 2 altri 2 bottoni che mi facciano "tab avanti" e "tab indietro" per spostarmi da un input all'altro.


Vi chiederete come mai mi serve una cosa del genere? Perché quello che stò facendo deve essere gestito da un touch

[cavicchiandrea]

Non simula una calcolatrice perché manca di tutti calcoli, simula un tastierino numerico e come il 90% dei casi i tasti premuti vanno in campo text, comunque nulla ti vieta di modificarlo (la parte js e veramente minimal) ma dovendo funzionare su touch forse ti conviene svilupparlo con jquery.mobile

[DUMAX]

sinceramente questo mi va benissimo bisogna solo aggiungere un paio di cose:
1. vorrei che funzionasse su più inputbox mentre questo funziona solo su uno perché ha l'id è fisso e non dinamico
2. mi servirebbero altri 2 tasti, uno che faccia la funzione del tasto "tab" e l'altro che faccia la funzione di "shift + tab"; quindi avanti di un inputbox e indietro di un inputbox


purtroppo sono nuovo di javascript e non so proprio dove mettere mani

[cavicchiandrea]

sinceramente questo mi va benissimo bisogna solo aggiungere un paio di cose:
1. vorrei che funzionasse su più inputbox mentre questo funziona solo su uno perché ha l'id è fisso e non dinamico

E' la parte più facile dipende quante inputbox e la logica di funzionamento complessità/difficoltà da 1/10 tra il 5/6

2. mi servirebbero altri 2 tasti, uno che faccia la funzione del tasto "tab" e l'altro che faccia la funzione di "shift + tab"; quindi avanti di un inputbox e indietro di un inputbox

Se deve navigare nelle inputbox è fattibile simulare i tasti è molto più difficile e sono soggetti al device in uso (un conto è usare un tablet con sistema window/android un altro è usare ipad) complessità/difficoltà da 1/10 nel primo caso 5/6 il secondo 8/9

purtroppo sono nuovo di javascript e non so proprio dove mettere mani

Questo è un grosso problema, mi affiderei ad un professionista, il forum in questi casi può fare poco considerando che il tutto dovrà girare in abbiente touch

[DUMAX]

allora, invece dello stato attivo dell'inputbox (che pensandoci su potrebbe essere impossibile visto che lo stato attivo dovrebbe cambiare ogni volta che effettuo un click) ho pensato di inserire tanti radio button quanti sono gli inputbox.
Il radio button mi determinerà in quale inputbox andare a scrivere usando delle semplici if.

function inserisci(numero) {        
   if (document.getElementById('radio1').checked) {
     
     var valore = document.getElementById('inputbox1').value;                                                                                
       document.getElementById('inputbox1').value = valore + numero;
  }
  if (document.getElementById('radio2').checked) {
     
     var valore = document.getElementById('inputbox2').value;                                                                                
       document.getElementById('inputbox2').value = valore + numero;
  }
  if (document.getElementById('radio3').checked) {
     
     var valore = document.getElementById('inputbox3').value;                                                                                
       document.getElementById('inputbox3').value = valore + numero;
  }
    
}

Lo so che non è il massimo ma è l'unico escamotage che mi è venuto in mente al momento.

[cavicchiandrea]

Se funziona

[tampertools]

Potresti tenere memoria del focus, con qualcosa del genere:

inputs = [
    "idInput1",
    "idInput2"
    // ...
];
selezionato = 0;
for (i = 0; i < inputs.length; i++) {
    document.getElementById(inputs[i]).addEventListener("focus", function () {
        selezionato = inputs.indexOf(this.id);
    }
}

I tasti avanti e indietro:

document.getElementById("avanti").addEventListener("click", function () {
    selezionato = selezionato < inputs.lengtht ? selezionato + 1 : 0; 
});

document.getElementById("aindietro").addEventListener("click", function () {
    selezionato = selezionato > 0 ? selezionato - 1 : inputs.length - 1
});

E poi la funzione inserisci

document.getElementById(inputs[selezionato]).innerHTML+= numero;

(Ho scritto dal cellulare, perdonami se ci sono errori, comunque questa è la mia idea)

[DUMAX]

grazie per l'aiuto ma per come l'ho pensata adesso i tasti avanti e indietro non mi servono più.
Però magari concettualmente mi potrebbe servire per altro :-)

grazie.