jQuery

Recent Tutorial

How to Create Tooltips with Bootstrap

April 27, 2017
In HTML, we can add a title attribute for an element. The text specified in this attribute is shown as a tooltip on the mouse over event. In this tutorial, we are going to create tooltips by using Bootstrap and it has good additional features over the standard tooltip. We initialize the Bootstrap tooltip by referring […]
This tutorial was added to Bootstrap.

Tags using Bootstrap Tags Input Plugin with Autocomplete

April 22, 2017
Tags are a way to group and organize content. For example, in WordPress, it provides tags as an inbuilt taxonomy to group the content. In this tutorial, we are going to see how to add tags using “Bootstrap Tags Input” plugin. This is a jQuery plugin that provides Bootstrap UI to add tags using a […]
This tutorial was added to jQuery.

Bootstrap Autocomplete with Dynamic Data Load using PHP Ajax

April 14, 2017
In this tutorial, we are going to see how to load data dynamically for an autocomplete suggestion list, Bootstrap Typeahead input field. I use jQuery AJAX to call the PHP MySQL script to read the data from the database and autocomplete dynamically. The loaded data will be returned to the source of the Typeahead script to […]
This tutorial was added to jQuery.

How to Create Typeahead (Auto-Complete) Field using Bootstrap

April 12, 2017
In this tutorial, we are going to see how to create an auto-complete field using Typeahead Library. It is a Twitter Bootstrap library used to add the auto-complete feature to the form input field. By initializing the Typeahead library with the form input field, it shows a list of auto-complete suggestions while typing data in this […]
This tutorial was added to jQuery.

jQuery AJAX Image Upload

April 3, 2017
When you use AJAx in the right sense, it will improve the user experience largely. In this article, let use see how to do image upload using jQuery via AJAX and add great experience. Showing preview without page refresh, showing the progress bar, adding preview with fade-in effect kind of minor feature additions to your image upload […]
This tutorial was added to jQuery.

Inline Insert using jQuery AJAX

March 8, 2017
In this tutorial, we are going to see how to do inline insert the HTML5 table data to a database table using jQuery and AJAX. HTML5 allows editing table cells by setting contentEditable attribute as true. After adding data to the table cells, we can pass the cell data to PHP via jQuery AJAX. In the PHP page, we create insert […]
This tutorial was added to jQuery.

Highcharts – Compare Data using Column Chart

February 1, 2017
Highcharts provides various type of beautiful chart components. It is useful to present data in an interactive graphical representation. There are the pie chart, bar chart, column chart, line chart and lot more different chart formats. It is a client-side chart component based on Javascript and it can be easily implemented in our web projects.  […]
This tutorial was added to jQuery.

jQuery Sliding Menu

September 26, 2016
Usually, menu bar occupies some spaces in a web page. By using sliding menu we can have more space to display the main content. In previous posts, we have seen about jQuery menu expand and collapse with the sliding effect. We call jQuery on the click event of the menu expand/collapse icon and controls the […]
This tutorial was added to jQuery.

jQuery AJAX Inline CRUD with PHP

September 5, 2016
Inline CRUD is for performing Create, Read, Update and Delete operations within a grid view. In a previous post, we have seen an example of jQuery inline editing. Inline CRUD will enrich the page by adding a new row and changing the existing data dynamically via jQuery AJAX. For adding new record we create new […]
This tutorial was added to jQuery.

Add Delete Image via jQuery AJAX

August 4, 2016
Images can be added or deleted using jQuery and PHP script via AJAX. In a previous tutorial, we have seen examples like PHP AJAX image upload and multiple image upload. But in those examples, we didn’t have a delete option. In image add, we call PHP file upload script to upload the chosen image into […]
This tutorial was added to jQuery.

Formatting Date With jQuery Date Picker

June 26, 2016
Using jQuery date picker we can format a selected date by using dateFormat option. In a previous post, we have seen how to use jQuery datepicker in a form to select a value for a date field. It popup a calendar widget to select a date. In this tutorial, we are going to see how […]
This tutorial was added to jQuery.

Dependent Auto Suggest with jQuery

June 14, 2016
Auto-suggest feature for a form field will reduce user’s effort while entering input data. In this post, we are going to see how to do auto suggest for a dropdown field depends upon the result of another dropdown. In a previous post, we have seen how to create dependent dropdown and dropdown with auto suggest, separately. […]
This tutorial was added to jQuery.

Responsive Menu with jQuery and CSS

June 2, 2016
Responsive design for our web page is used to make the page to be flexible for various screen sizes. Previously, we have seen about how to create responsive web page using CSS media queries. In this example, we have a header menu component. We are going to make it responsive for two different screen sizes. […]
This tutorial was added to jQuery.

jQuery Fade Out Message after Form Submit

April 17, 2016
In this, tutorial we will see about how to code a message that fades out using jQuery. After jQuery AJAX form submits, we have to respond the user with a fade-in fade-out message. We have already seen the jQuery fading effects on the mouse over event of HTML image elements. We have an example with an […]
This tutorial was added to jQuery.

Change Theme using jQuery Split Button

April 4, 2016
In this post, we are going to see how to change theme color using jQuery. We have an example with a split button having two parts. One is for default theme and the other is to browse more themes. In this example, we have three themes Mercury, Sky, Gold and separate CSS files for these […]
This tutorial was added to jQuery.

↑ Back to Top