«jQuery Slider and Editbox» extension

In this section you can share self-made extensions with other users of WYSIWYG Web Builder.
There is a dedicated section for commercial extensions.
Post Reply
dlod
 
 
Posts: 4
Joined: Thu Mar 15, 2018 7:43 am
Contact:

«jQuery Slider and Editbox» extension

Post by dlod »

«jQuery Slider and Editbox»

It is free of charge and provided 'as is'

Demo: http://dlod.ru/extension-jquery-slider- ... builder-en
Download: http://dlod.ru/downloads/jQuerySlider-a ... box-en.rar

This extension extends the capabilities of the standard jQuery Slider in conjunction with the Editbox. When you change the position of the slider, the value in Editbox changes and vice versa when you change the value in Editbox, the slider moves.

-- Fields for filling --
1) Editbox ID (Insert here the ID of your Editbox, which will be linked to the slider.)
2) jQuery Slider ID (Paste here the ID of your jQuery Slider, which will be linked to Editbox)
3) Interval or step the slider. The step can start from 0. - that is, the value can be: 0.1 - 0.01 - ... or integers: 1 - 2 - ...
4) Allow to enter a point (Allows you to enter a point in the Editbox, by default point entry is disabled)
5) Clear Editbox on click (Clears the contents of the Editbox when you click on it)

in the extension you can configure only the step slider all other parameters are set in the jQuery property of the slider.

-- Additional options (can not be changed) --
1) In the Editbox, the user can enter only numbers
2) For jQuery Slider (handle) added styles:
cursor: pointer !important; (appears hand cursor)
outline: none !important; (removes the blue border)
3) Edit Box added style:
outline: none !important; (removes the blue border)
4) Limiters for the maximum and minimum values, that is, when you enter a number in Editbox that exceeds the maximum specified in the slider property, the value (similarly and with a minimum value) will be reset to this max
5) Rounding the number, for example, if step 10 is set and the user has entered number 18, then rounding to 20 will occur
6) the jQuery UI Touch Punch library is Connected so that the jQuery Slider can be moved with your finger on your smartphone and tablet (Dual licensed under the MIT or GPL Version 2 licenses http://touchpunch.furf.com/)
MIT License — open source software license
GPL License — license free software

Extension was created by author: dlod
User avatar
protectourlands
 
 
Posts: 443
Joined: Sat May 24, 2008 2:16 am
Contact:

Re: «jQuery Slider and Editbox» extension

Post by protectourlands »

This is very neat! Thank you for sharing it.
dlod
 
 
Posts: 4
Joined: Thu Mar 15, 2018 7:43 am
Contact:

Re: «jQuery Slider and Editbox» extension

Post by dlod »

- Fixed: If you use the extension multiple times, the file jquery.ui.touch-punch.min.js will be written into the HTML code only once.

- New feature: Integration into the calculator (jQuery The slider can be linked to the standard calculator WYSIWYG Web Builder 12).
Post Reply