Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    Form per gestire i decimali

    Ciao a tutti,
    in realtà non so se è una domanda da Js o se è possibile realizzarlo anche in php, ma mal che vada sposteranno il topic.
    Mi chiedevo se fosse possibile creare un tipo di input in cui l'utente potesse attraverso due frecce determinare un valore decimale da inserire (le due frecce servono per crescere o diminuire il valore di una unità decimale).
    Servirebbe per gestire numeri con una sola cifra dopo la virgola e un input type del genere mi risolverebbe i problemi di controllo sui dati inseriti (se usatti un campo text).
    Qualcuno di voi ha qualche idea?
    Grazie mille.

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    un esempio che puoi adattare usando delle frecce posizionate opportunamente

    codice:
    <script>
    function aumenta(id, v) {
      value = parseFloat(document.getElementById(id).value);
      value += v;
      document.getElementById(id).value = (Math.round(value * 10)) / 10;
    }
    </script>
    
    
    <input type="text" readonly="readonly" id="dec" value="0.0">
    Incrementa di 1
    Incrementa di 0.1
    Decrementa di 1
    Decrementa di 0.1
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    perfetto, era quello che intendevo. Ma, scusa la mia ignoranza, ma com'è che non mi funziona però?!

  4. #4

  5. #5
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    l'esempio postato funziona a sè stante... suppongo tu stia cercando di integrarlo nella tua pagina per cui posta quella
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.