Alternative to jQuery UI rotate method? - javascript

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

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.

Create a draggable handlerbar in jQuery , which updates value

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/

How to make a jquery script compatible with jquery 2.x.x

I'd like to use this multi-level push menu in my webapplication. But the problem with this plugin is that it needs an older version of jQuery. It will crash in combination with v2.x.x of jQuery.
The owner has done this on purpose, so that older browser versions are covered with the plugin as well.
So I'd like to convert/migrate this script to make it compatible with the latest version of jQuery, the only problem is, is that jQuery isn't my 'thing' (yet). I'm not sure where to start, what to remove of what to add in the script.
My question basically is, can someone point me into the right direction to get this script working with the latest version of jQuery?
I'd really really appreciate any help!
EDIT:
UPDATED ANSWER:
Use Version2 from the Multilevel Push Menu download page! ::link:: ...
I downloaded that version, and changed from jquery-1.10.2 to jquery-2.0.3 ... and it's working perfectly! Here's a jsfiddle: jsfiddle.net/vLrp51g3
PREVIOUSLY ANSWERED
As suggested by A. Wolf, you can use migrate jquery js file to handle the older jquery version. Since the remaining plugins/scripts of your webpage might require latest jquery, you could use the getScript() function to load the migrate jquery for only the pushmenu plugin! Therefore, you should probably use the code provided below for your requirement...
$(document).ready(function(){
$.getScript( "http://code.jquery.com/jquery-migrate-1.2.1.min.js", function() {
$.getScript('js/jquery.multilevelpushmenu.min.js', function() {
$('#menu').multilevelpushmenu();
});
});
});

Jquery dragging tab

the below is a nice dragging tab, which I would like to implement in my project. Is there any jquery plugin for this.
http://www.blitzagency.com/our-people/#meet-the-blitizens
The following tutorial is useful for you to try out, it uses Jquery and JqueryUI
http://jqueryfordesigners.com/slider-gallery/

How can i remove the loading-animation from a Ext.grid.Panel

Like the title says, how can i remove the spinwheel from a Panel?
I tried the property "loadMask" or "loadingMask" which seems to work for older versions and also the setLoading() method...
Edit: 'maskOnDisable' also doesn't work by the way.
You can use the setLoading method to hide the loading mask. For example:
gridPanel.setLoading(false,false);
You can read the details of this method at Ext.grid.Panel documentation. In ExtJS 4, the loading mask is created and displayed by the Ext.ComponentLoader.
On Extjs4 you can use
viewConfig: {loadMask:false}
I hope this works for you, but if you are using pagination I recommend that you don't hide the mask.
Sam.

Categories