DropDown with Search using jQuery Search is a useful feature for an HTML drop-down list. Especially it will increase user convenience to select items from the drop-down having a long list. In this tutorial, we are going to list country dropdown with a search option. In a previous tutorial. In this tutorial, we are having […]
Getting Checkbox Values in jQuery
In HTML Form, the dropdown, checkbox type fields have an array of value. In this post, we are going to see how to get the array of selected values from these form fields using jQuery. In this example, we are using jQuery each() to get each checked value in an array. Then this array values […]
jQuery Image Rotate
In this tutorial, we are going to rotate HTML image element by using jQuery. In the previous tutorial, we have seen How Can I Generate a Random Alphanumeric String in PHP?. In this image rotation example, we are using jQuery animate function. Using this function we are controlling the image transform property.
How to Create Bootstrap Contact Form with JavaScript Validation and PHP
Bootstrap is the most popular solution to design an optimum, intuitive, mobile-ready UI components. It is easy to integrate the Bootstrap library for the application interface. Often, many of my readers ask for a Bootstrap contact form code. So I thought of creating a basic example for a Bootstrap enabled PHP contact form. Bootstrap provides […]
How to Make Online Photo Editing Effects like Blur Image, Sepia, Vintage
Photo editing effects will turn graphical elements to be expressive. With suitable effects, you can use a simple image and convey an idea. For example, you can bring logo to the foreground by blurring the background image. The effects like image blur, transparency, shadowing creates attractive visual effects. There are many different image effects available. […]
How to Create Custom Image File Explorer in PHP
A file explorer, specially designed for showcasing image files will be a cool addition to your PHP web application when you are handling images. Imagine an image file explorer built in PHP with options to options to browse files in icon, list and detailed view. That is what we are going to see and build […]
jQuery Plugin For Folding Tree Structures – file-explore.js
File-explore.js is a minimal jQuery folder tree/file explorer plugin used to convert nested unordered lists into a hierarchical tree that is both expandable and collapsible. How to use it: 1. Add the jQuery file-explore plugin’s files to the webpage which has jQuery library loaded. 2. By default, the plugin uses Font Awesome iconic font for […]
File Explorer-like Tree View Plugin For jQuery – explr-js
explr-js is a jQuery plugin that converts nested html lists into a File Explorer-like hierarchical tree with smooth animation and custom icons support. How to use it: 1. Load jQuery library and the jQuery explr-js plugin’s files in the html file 2. Create nested html lists containing hierarchical data to be represented as a tree: […]
Multiple File Upload using PHP
In this tutorial, we are going to see how to upload multiple files using PHP. I am using “Fine Uploader” a JavaScript, open source and free library. Also, fine-uploader has no dependencies. It is simple and easy to understand. It shows a progress bar during upload and preview for the uploaded files in a gallery […]
jQuery AJAX Autocomplete – Country Example
Autocomplete feature is used to provide the auto suggestion for users while entering input. In this tutorial, we are going to suggest country names for the users based on the keyword they entered into the input field by using jQuery AJAX. jQuery Autocomplete function is called on the key-up event of the input field. This […]