Posts

Showing posts from May, 2013

JQuery Range Slider

Image
JQuery Range Slider enables you to capture a range of values with two drag handles. You can enable this mode by setting the rangeSlider property to true. Download URL : https://www.dropbox.com/s/vraijp19pf9mfyu/jqxslidert.rar Reference: http://www.jqwidgets.com

JQuery FlipBox

This plugin is used to flip the elements easily in four directions, top, bottom, left and right. You have to just a small code as in all the plugins and also you could add callbacks. HOW TO USE? Like every jquery plugin, just chain it: $("#flipbox").flip({ direction:'tb' }) HOW TO CHANGE CONTENT? Add content params in this way: $("#flipbox").flip({ direction:'tb', content:'this is my new content' }) HOW TO ADD CALLBACKS? There are three available callbacks: onBefore, onAnimation, onEnd $("#flipbox").flip({ direction:'tb', onBefore: function(){ console.log('before starting the animation'); }, onAnimation: function(){ console.log('in the middle of the animation'); }, onEnd: function(){ console.log('when the animation has already ended'); } }) HOW TO REVERT A FLIP? There's an "hidden" method called revertFlip: as it says, revert a f

Responsive-Menu

This is also a simple jQuery plugin to convert list-based navigations into a select element for mobile devices and low browser widths. Options The options available for the plugin are listed below. Their default value appears next to their names, and available values below the description. combine [true] Convert multiple navigation lists into a single dropdown for mobiles [true/false] groupPageText ['Main'] Any <li> elements with <ul>/<ol> present get converted to an <optgroup>. As <optgroup> isn't selectable, a "dummy" <option> is added at the top of the group with the <li>'s value. This option sets the text for the "dummy" <option> ['string'] nested [true] This turns the <optgroup>s on and off [true/false] prependTo ['body'] Sets the container element for the menu to be put into. ['CSS-selector'] switchWidth [480] Sets the width (in pixels) at w

JQuery File Upload

Image
File Upload widget with multiple file selection, drag&drop support, progress bars and preview images for jQuery. Supports cross-domain, chunked and resumable file uploads and client-side image resizing. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads. Download Link :  https://www.dropbox.com/s/4q4u0i7ny8pp2za/jQuery-File-Upload-master.zip

HTML 5 Audio Player

Simple Player is a jQuery plugin that allows users to control audio files on their webpage. All browsers that supports HTML5 audio tag that allow mp3 or ogg format supported by this plugin.  There is no need to use flash (load flash plugin consumes much more memory extra) in some cases if you want to play a simple audio file.  Usage The jquery.simpleplayer.min.js file should be added to the head section of the HTML file after the jQuery JavaScript file. Below is how to include the JavaScript file using an absolute path, relative to the server root. <head>     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>     <script type="text/javascript" src="/jquery.simpleplayer.min.js"></script> </head> Then you should include the simpleplayer.css into your html. <link rel="stylesheet" href="simpleplayer.css" type="