Jquery Archive

Creating Price Range Slider using jQuery in PHP with MySQL

In this tutorials we will create Jquery Ajax price range slider with PHP,Mysql .This is very useful for user that allow to filter data/items based on rang slider drag rather than typing price . Nowadays , this

Creating dynamic Photo Gallery with jQuery, PHP & MySQL

Photo Galley is a most used section in any website . We can use photo gallery to display portfolio images , event’s photos, client’s logo etc . Today we will creating a dynamic photo gallery using Jquery

PHP ,Mysql Pagination with jQuery Ajax

Pagination is very important part in any web project .Because all large records of items can’t load in a single page . We require pagination to show these items in multiple pages . Well Jquery,Ajax pagination enhance

Jquery, Ajax Form Submit with PHP,Mysql

Ajax form submission is better and fast way to submit form without page loading .It’s make a nice experience to your users. Below we have written a tutorial on how to submit a form with jquery ajax

Jquery,Ajax file upload in PHP

There are plenty of free jquery,ajax file upload plugins are available to download from google. But if you want to learn your own way to do this , we have written tutorials for image uploading using Jquery,Ajax

WordPress use built in date picker in any textfield

To add Jquery DatePicker in any textfield ,add following php code to to top of the page . <?php wp_enqueue_script('jquery-ui-datepicker'); wp_enqueue_style('jquery-style', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/jquery-ui.css'); ?> Input field looks like below <input type="text" id="dob" name="dob" value=""/> Finally put below js

Jquery apply event for ajax loaded content

Simply when we want to attach any event like click for ajax loaded content ,jquery fails to do this. So, here we have a new jquery function i.e on().It will handle this .Check Below example <script> $(document).on("click",

Social media share code in popup window without any third party provider.html

You can find lots of social media share widget,plugins from other websites like https://www.addthis.com/ , www.sharethis.com but if you want to use without any third party provider and open in popup window ,follow below tutorial Step 1:

Disable right click and text select using jquery and css

If you need to prevent user from selecting text or right click use below jquery code and css code Put below Jquery code in your page <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script> <script> //// Disable right click jQuery(document).bind('contextmenu', function (e) {