Live Image Upload, Crop and Resize using jQuery and PHP


Cropping image before upload, always a great idea for server space optimization. Crop feature helps to resize the image as per the required size. You can also reduce the web page size and load time by showing the exact size image. If your web application has image upload functionality, image crop and resize are very useful. Use imgAreaSelect plugin to live crop and resize the image using jQuery and PHP.

Add Datepicker to Input Field using jQuery UI


The Datepicker helps to input a date by selecting from calendar without manually enter in the input field. When you want to collect date from the user, adding datepicker to input filed can provide a good user experience. Using jQuery plugin you can easily add a datepicker to the input field. There are many datepicker plugins are available, but jQuery UI Datepicker is a highly configurable plugin to add datepicker in the web page.

13 Awesome AngularJS Features One Must Be Familiar With


AngularJS is a great JavaScript framework with some captivating features for not only developers but designers as well! AngularJS structural framework helps develop dynamic web applications. Google and their group of experts officially maintain it to make the process of developing and testing easier. This article covers the essential features of AngularJS and how they can help make next web application stunning.

Add Remove Group of Input Fields Dynamically using jQuery


The Input fields group is very useful when the bulk data needs to be submitted at once. If you have a requirement to submit the group of bulk data with multiple input fields, input group makes it easy for you. Instead of shown some specific number of input group at once, you can add the input groups dynamically to make the web application more user-friendly.

How to Export TinyMCE Content to MS Word Document


TinyMCE is the most advanced WYSIWYG HTML editor used in the web application for adding HTML editor to textarea. TinyMCE provides a simple way to convert Textarea to HTML editor in the web page. But sometimes TinyMCE functionality needs to be extended with some advanced feature. Export editor content to Word document is one of the most desired functionality for TinyMCE editor.

How to Get JSON Data from PHP Script using jQuery Ajax


The jQuery ajax is very useful when you want to post or get data from PHP script without page refresh. Generally, you return the string to Ajax call for updating a part of the web page. But sometimes requires getting the object or array data from PHP file for showing values in the different area. Using $.ajax() method in jQuery you can get JSON data from a file and set in the HTML element.

Creating Bar Chart with jQuery and CSS


A bar chart is a graph that represents group data with vertical or horizontal bars. The bar chart helps to make the web application more user-friendly. To demonstrate comparison data among categories in percentage, the bar chart is the best choice.You don't need to use any jQuery chart plugin for add a bar chart in the web page. You can easily create your own bar chart with pure CSS and jQuery.

Creating an Email Subscription Popup using jQuery


Email subscription popup is a great idea to increase the number of subscribers of your website. It notifies the visitor to subscribe newsletter with their email for getting useful resource into their inbox. Showing a subscription popup after a certain time is a smart trick for converting a visitor to a subscriber. Here we'll build a script that helps you to make a popup and integrate subscription box functionality easily on the web page.

File Type (extension) Validation with JavaScript


Client side validation is more user-friendly than server side. It will be a good idea to validate file type before submitting to upload. File type validation ensures that the user has selected the correct types of file to upload. Using JavaScript, you can easily check the selected file extension with allowed file extensions. Using our file type validation script, you can restrict the user to upload only the allowed file types.