Rotating slider for selecting numerical values.

Related tags

Learning resource jquery cordova select mobile ionic slider phonegap selecting numerical
Overview

rotating-slider

Rotating slider for selecting numerical values. Allows mobile friendly precise selection for value from selected range with desired step. Component is especially useful for hybrid application using frameworks like Ionic, Cordova or PhoneGap.

Demo

Live demo is available here

Production usage example

Install

npm install rotating-slider

Usage

HTML

Integers

Decimal numbers

"> 


    
    


    

        Integers
        

    

    

        Decimal numbers

js

{console.log(val);}); RotatingSlider("#rotating-slider1", {min: 1, max: 5, step: 0.5}, 3.5) .setChangeCallback(val => {console.log(val);}); "> 
import RotatingSlider from 'rotating-slider';

RotatingSlider("#rotating-slider1", {min: 1, max: 100, step: 1}, 10)
    .setChangeCallback(val => {console.log(val);});
            
RotatingSlider("#rotating-slider1", {min: 1, max: 5, step: 0.5}, 3.5)
    .setChangeCallback(val => {console.log(val);});

License

This project is available under the MIT license.

You might also like...

A simple To-Do list with webpack including the functions of adding, removing, editing and selecting the completed tasks.

Project Name To Do List Built With HTML CSS JS Live Demo To Do List Getting Started To get a local copy up and running: Clone this repository or downl

Jul 30, 2022

A simple To-Do list with webpack including the functions of adding, removing, editing and selecting the completed tasks.

A simple To-Do list with webpack including the functions of adding, removing, editing and selecting the completed tasks.

To Do List To Do List provides you with functionalities such as: adding a Todo to the list removing a Todo from the list editing a Todo in the list ch

Aug 25, 2022

Export AWS SSM Parameter Store values in bulk to .env files

aws-parameter-bulk Utility to read parameters from AWS Systems Manager (SSM) Parameter Store in bulk and output them in environment-file or json forma

Oct 18, 2022

This is a Google Apps Script library for parsing the form object from HTML form and appending the submitted values to the Spreadsheet.

This is a Google Apps Script library for parsing the form object from HTML form and appending the submitted values to the Spreadsheet.

HtmlFormApp Overview This is a Google Apps Script library for parsing the form object from HTML form and appending the submitted values to the Spreads

Oct 23, 2022

This is a library that makes it possible to change the configuration values of the Remix compiler (esbuild).

💽 remix-esbuild-override ⚠️ While I believe you will most likely get a lot of benefit from using this library, it can sometimes destroy your product.

Dec 22, 2022

Compare 👥 and extract 🔬 differences between JSON values

json-changes Easily compare changes in JSON-like values. This can be especially useful when you want to compare an incoming payload with a counterpart

Aug 23, 2022

Tiny and fast utility to extract all possible values for a given enum.

Tiny (208B) and fast utility to extract all possible values for a given enum.

Apr 18, 2022

🚀 Transition number values using easing functions

🚀 Transition number values using easing functions

react-transition-value Transition / Animate number values using easing functions See Demos ⚡️ Getting started npm i react-transition-value import {

Dec 15, 2022

Generate deterministic fake values: The same input will always generate the same fake-output.

Generate deterministic fake values: The same input will always generate the same fake-output.

import { copycat } from '@snaplet/copycat' copycat.email('foo') // = '[email protected]' copycat.email('bar') // = 'Thurman.Schowalter668@

Dec 30, 2022
Owner
null
GitHub
Numerical Calculus in JavaScript!

NumCalcJs Simple Numerical Calculus in JavaScript! A bunch of utility function I made that I decided to compile into a library. Install Head over to t

Anik Patel 2 Jul 1, 2022
Accordion Slider is a jQuery plugin that combines the functionality of a slider with that of an accordion.

Accordion Slider - jQuery slider plugin A responsive and touch-enabled jQuery accordion slider plugin that combines the functionality of a slider with

null 0 Dec 29, 2022
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
A jQuery plugin that creates a countdown timer in years, months, days, hours and seconds in the form a bunch of rotating 3d cubes

CountdownCube is a jQuery plugin that is in the form of a bunch of rotating 3D cubes. It uses CSS transitions to create the 3D rotating cube effects.

null 16 Mar 6, 2022
Rotating CSS dice in 3D using jQuery. Based on my old snippet on CodePen.

Dice Rotating CSS dice in 3D using jQuery. Based on my old CodePen Roll the dice!. Demo: https://alexerlandsson.github.io/dice/ How to use Include /do

Alexander Erlandsson 6 Dec 14, 2022
Alfred Workflow for selecting citations in Pandoc Syntax from a BibTeX File.

Supercharged Citation Picker A citation picker for academics that write in markdown. Using Alfred, this citation picker inserts Pandoc citations from

pseudometa 69 Dec 29, 2022
A simple To-Do list with webpack including the functions of adding, removing, editing and selecting the completed tasks.

Project Name To Do List Built With HTML CSS JS Live Demo To Do List Getting Started To get a local copy up and running: Clone this repository or downl

Rex Soul 14 Aug 25, 2022
The Bookstore is a website where the user can display a list of books, add a book by providing a title, an author, and selecting from the categories, and remove a selected book.

Bookstore The Book Store is a website where the user can display a list of books, add a book and remove a selected book. Microverse's Bookstore API wa

Virag Kormoczy 9 Jan 1, 2023