Skip to main content

Posts

Showing posts with the label JQuery Plugin

Custom Select Box with new approach

This is my new JQuery plugin for replacing select box. I have tried to implement some cool features which makes it easy to implement and you can play with it as like the native one. Your suggestions, issues are welcome, so that I can improve this plugin DEMO Fork this on GitHub Implementation: Step 1: include css and scripts in head section <link href="customselectbox.css" rel="stylesheet" type="text/css"></link> <script src="http://code.jquery.com/jquery-1.9.0.js"></script> <script src="customselectbox.js"></script> Step 2: initialize customselect box $(document).ready(function(){ $('select').customSelect(); }); Features: Support thumbnails within option Search option Set and Get value with normal JQuery method. No need to process or query the generated new select box, you can use the ref of the native select box. eg: //set value $('#myselect').val(va...

Android Pattern locker plugin - Javascript

This is my new JavaScript plugin for generating Android like Pattern locker for web applications. This is fully customizable plugin. Don't know where it can be used.... Just developed in my own interest.... please suggest some improvements for the same..... I think the captcha can be replaced with this plugin. I have created the plugin using raphaeljs. DEMO Fork this on GitHub How to use?  Step 1: Include the  following scripts in your head section ( click here to download raphaeljs , click here to download pattern.js ) <script src="raphael-min.js" type="text/javascript"></script> <script src="pattern.js" type="text/javascript"></script> Step 2: Create an instance for the pattern with your custom properties and draw the pattern within the container with instance.draw(container). var s = new Pattern(properties); s.draw(container); Properties Property ...

Clear Lens - JQuery Plugin

This is my New jQuery Plugin.  You can find the working example at http://jsfiddle.net/ajai/k8Ube/ Hope it will be useful to some one....  I have used " pixastic " for image processing.  To implement the plugin you have to include the pixastic library . and call the plugin in $(window).load event, Beacuse for image processing first the image should be loaded. Hope you all know $(window).load will be triggered after all the assets are loaded. DEMO Fork this on GitHub How to use? It is very simple to implement the plugin 1. include you jQuery  2. include Pixastic Library 3. include the plugin code 4. Add attribute fitler="blur" for images that you want to apply 5. on $(window).load Event call the following code $('img').blurLens(); or $('img').blurLens({ width: 200, height: 200, blur: 5 }); width - Width of lens height - Height of lens blur - Blur Amount JQuery  (function (...