» » Sliding and selecting range values - jQuery plugin

 

Sliding and selecting range values - jQuery plugin

Author: bamboo06 on 4-05-2015, 02:25, views: 1901

8
Sometimes we need to select the page range of values, such as selected shopping price range, select independent CPU, memory size, configuration, etc. When you purchase a host, using an intuitive slider bar directly select the desired numerical size without the need to manually input values, simple and easy to operate.

This article will introduce a range selector plug jRange, which is based on jQuery's a simple plug-in. Here we see the use of plug-jRange.
HTML
First load jQuery library files and jRange related css file: jquery.range.css and plug-ins: jquery.range.js
<script src="jquery.js"></script> 
<link rel="stylesheet" href="jquery.range.css"> 
<script src="jquery.range.js"></script> 

Then choose where you want the slide show into the following code:
<input type="hidden" class="slider-input" value="23" /> 

We used hiiden type of text field, set the default value of value, such as 23.

jQuery
Call jRange plugin is very simple, direct with the following code:
$('.single-slider').jRange({ 
    from: 0, 
    to: 100, 
    step: 1, 
    scale: [0,25,50,75,100], 
    format: '%s', 
    width: 300, 
    showLabels: true, 
    showScale: true 
}); 

Then run your page, you will see the effect of DEMO.

Option
Plug-jRange also provides the necessary set of options to meet a variety of needs. You can go to https://github.com/nitinhayaran/jRange to see in detail.

Category: Javascript / Plugins

Dear visitor, you are browsing our website as Guest.
We strongly recommend you to register and login to view hidden contents.
<
  • 0 Comments
  • 0 Articles
29 August 2017 03:28

ali

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
I invite you to the page where see how much we have in common. Single Forever

You possess lifted an essential offspring..Blesss for using..I would want to study better latest transactions from this blog..preserve posting.. Make Him go Crazy about You

<
  • 0 Comments
  • 0 Articles
29 August 2017 06:35

ali

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
Below you will understand what is important, the idea provides one of the links with an exciting site: Put your spouse first

<
  • 0 Comments
  • 0 Articles
14 December 2017 08:30

ATHELSTAN

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
Honestly, this is one of the best things you've shared with us on this site. Now that I know about this, my calender for my next year at the http://www.aussiessaywriting.com/ job will be perfect. I thank you for doing that for me.

<
  • 0 Comments
  • 0 Articles
10 January 2018 07:24

ali

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
I am interested in such topics so I will address page where it is cool described. His Secret Obsession

<
  • 0 Comments
  • 0 Articles
11 January 2018 05:48

ali

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
Hmm… I interpret blogs on a analogous issue, however i never visited your blog. I added it to populars also i’ll be your faithful primer. Hero Instinct

<
  • 0 Comments
  • 0 Articles
11 January 2018 07:14

ali

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
Nice information, valuable and excellent design, as share good stuff with good ideas and concepts, lots of great information and inspiration, both of which I need, thanks to offer such a helpful information here. Devotion System

<
  • 0 Comments
  • 0 Articles
13 January 2018 23:35

ali

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
A very awesome blog post. We are really grateful for your blog post. combat, law enforcement You will find a lot of approaches after visiting your post. I was exactly searching for. Thanks for such post and please keep it up. Great work. The Ex Factor Guide

<
  • 0 Comments
  • 0 Articles
12 February 2018 05:06

amankamal99

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
Use of jQuery plugin described in this article. Features of this plugin also mentioned here. Actually, I'm looking essay writing services uk review but this website have good and most valuable plugins related content for us.

Information
Comment on the news site is possible only within (days) days from the date of publication.