https://github.com/sean-codes/grid-input

grid range input
https://github.com/sean-codes/grid-input

Last synced: 3 months ago
JSON representation

grid range input

• Host: GitHub
• URL: https://github.com/sean-codes/grid-input
• Owner: sean-codes
• Created: 2018-02-12T06:33:59.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-02-21T15:50:28.000Z (over 8 years ago)
• Last Synced: 2025-03-05T22:44:18.178Z (over 1 year ago)
• Language: JavaScript
• Homepage:
• Size: 322 KB
• Stars: 2
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 2D-Range-Input

2 dimension range input

![demo imagge](https://github.com/sean-codes/2D-Range-Input/blob/master/demo.gif?raw=true)

## Include

```html

  

  

```

## Turn a text input into a 2D range

```html

  

```

```js

  var myInput = new InputGrid({

     input: document.querySelector('[type=grid]')

  })

```

## Input Attributes

> Add to the input elements html as attributes.

```

   valueX="0" - the starting x value

   valueY="0" - the starting y value

   min="0" - the min x/y value

   max="100" - the max x/y value

   step="10" - control the granularity

   grid="true" -  draw the lines of the grid

```