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