Create a draggable handlerbar in jQuery , which updates value - javascript

I need to create a draggable incremental indicator(i don't know whats the exact terminology for this.), basically something like below:
Now i came across THIS plugin. Now this plugin works fine, but i was just wondering if there are other plugins like this one that i can use and get a similar effect ?
P.S. I don't want to use jQuery UI , just jQuery and jQuery plugins.

You can use this one: http://seiyria.com/bootstrap-slider/
It's possible to use this library with or without jQuery
Repo: https://github.com/seiyria/bootstrap-slider

These are called sliders.
You can use this one if you want
https://refreshless.com/nouislider/slider-values/

Related

Fullscreen paging without jquery

I'd like to such behavior to my project, but I use ember fastboot, so I cant use jQuery
is there some non-jquery plugins like fullPage.js?
Here is example what I need:
https://github.com/alvarotrigo/fullPage.js
As per the comments, you can always use the pure Javascript version of fullpage.js itself:
https://github.com/alvarotrigo/fullPage.js/tree/master/pure%20javascript%20%28Alpha%29
Demo online
It hasn't been as highly tested as the jQuery one, but it seems there are not many complains about it.

Selecting elements which are created on the fly with jQuery

I am trying to implement a jQuery plugin listed here with something like:
$(document).(function($){
$('input[id^="field-phone-"]').mask("0 (99) 999 9999");
});
It works fine normally. Yet, if I create another field run time, the selector does not select it. How can I make jQuery to be aware of that? I have seen the live thing, but do not know how to implement it.
Using standard jQuery the simple answer is that you can't. You'll need to call the mask() function again at the same time as creating your new elements.

Alternative to jQuery UI rotate method?

I'm using a theme which uses jQuery UI rotate method, but after updating to the newer version it has stopped working. I have found out that the jQuery UI has removed the rotate method, and I can use some extension if I want to keep it working. But I was wondering if its possible to use some alternative function for the following line, since its so simple:
$("#slider").tabs("rotate",0,true);
The purpose is to rotate the tab.
Looks like someone updated it for 1.9
If you implement the extension as suggested by the docs, you would use the extension like this:
$("#tabs").tabs().tabs("rotate", 4000, true);
note the extra call to .tabs()
Here is the extension: https://github.com/cmcculloh/jQuery-UI-Tabs-Rotate

jQuery Easy UI within JSFiddle

Does anybody have any idea if it's possible to create a jsFiddle in which I can use the framework jQuery Easy UI? I cannot choose jQuery Easy UI in the list of the frameworks.
Please let me know if that's possible and how I can do it please.
How about something like this jsfidde link ?
You should select jQuery as your framework and the click the add resources button and add the desired js and css (you can look at this page to see what dependencies the demo has).
In your case, I think the resources are
http://www.jeasyui.com/easyui/jquery.easyui.min.js
and
http://www.jeasyui.com/easyui/themes/default/easyui.css
Here is the documentation for adding resources on jsFiddle: http://doc.jsfiddle.net/basic/introduction.html#add-resources

YUI: Is there any any script made by using YUI, for slider.?

I m developing an application in YUI. And need to implement a slider for 3 forms.
which will work exactly like this JQuery Plugin :
http://tympanus.net/Tutorials/FancySlidingForm/
I am very noob in YUI.
So can anyone provide me code snippet for this kind of slider..?
as mozillanerd suggests you can use the jquery Plugin in your page along with any YUI code you have, otherwise you might have to roll your own. If you do put it up on the gallery so others can use it.
I found a similar widget in YUi i.e. YUI 2.x Carousel widget
http://developer.yahoo.com/yui/examples/carousel/csl_imagentext_source.html
maybe this will fit in my scenario. I will try this and let u know guys..!!

Categories