jQuery Image Rotate

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.

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

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

jQuery Plugin For Folding Tree Structures

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. <link href=”css/file-explore.css” rel=”stylesheet”> <script src=”//code.jquery.com/jquery.min.js”></script> <script src=”js/file-explore.js”></script>

File Explorer-like Tree View Plugin For jQuery – explr-js

File Explorer-like Tree View Plugin For jQuery

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 <link href=”jquery-explr-VERSION.css” rel=”stylesheet”> <script src=”//code.jquery.com/jquery.min.js”></script> <script src=”jquery-explr-VERSION.js”></script>

Multiple File Upload using PHP

Multiple File Upload

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

jQuery-AJAX-Autocomplete

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 […]

How to show and hide div elements based on the selection of radio buttons in jQuery

Show Hide DIV

Use the jQuery show() and hide() methods The following example will demonstrate you how to show and hide div elements based on the selection of radio buttons using the jQuery show() and hide() methods. The div boxes in the example are hidden by default using the CSS display property which value is set to none.

How to Pass Data with Ajax to a PHP file

Pass-Data-with-Ajax-to-a-PHP-file

In today’s tutorial, I’m going to show you, how to Pass Data with Ajax to a PHP file and process it. Using this method, you can retrieve data from a database, and run other PHP scripts using the values of the forms and fields.