Add Timepicker to Input Field using jQuery


add-timepicker-to-input-field-using-jquery-plugin-codexworld

jQuery Timepicker helps the user to select time without typing manually. Generally, timepicker is used with datepicker to allow the user to enter the date & time in a form. jQuery Timepicker plugin enhance form input field and add time select feature. You can easily convert an HTML element to timepicker with jQuery. By adding jQuery Timepicker, a dropdown will open when the associated input element is focused.


How to Upload Image in TinyMCE Editor using PHP


tinymce-upload-image-to-server-from-computer-php-codexworld

Image upload is a common feature in the WYSIWYG HTML editor. If you're using TinyMCE editor in the textarea, the image can be easily inserted in the editor. Server-side upload always a better option to insert the image in a TinyMCE editor. TinyMCE editor supports local file picking and image uploading. But, to make these features functional you required to configure the server-side upload handler.


Add a Local File Picker to Image Dialog in TinyMCE


add-local-file-picker-to-image-dialog-tinymce-codexworld

TinyMCE is web-based WYSIWYG editor that converts HTML elements to an editor and instant ability to add HTML editor to textarea. You can easily add TinyMCE editor to HTML element by writing minimal JavaScript Code. TinyMCE has many advanced features which make your WYSIWYG editor more powerful and user-friendly. This tutorial will show you how to add a local file picker to image dialog in TinyMCE editor.


Inline Table Editing using jQuery Ajax PHP and MySQL


inline-table-edit-delete-jquery-ajax-php-mysql-codexworld

Inline editing provides an easy way to edit data in table cells. If your web application has data grid functionality, inline edit & delete is the must-have feature. The user can edit and delete content on the same page by clicking the row in the table. Inline table editing provides better user experience and makes the web application user-friendly. Live table editing functionality can be easily integrated with jQuery and Ajax.


Ajax File Upload with Form Data using PHP


ajax-file-upload-submit-form-data-jquery-php-mysql-codexworld

File upload functionality is the most used feature for the web application. Generally, a form is submitted to upload file in PHP. IF you want to provide a better user interface, jQuery and Ajax can be used to upload file without page refresh. The FormData object compiles a set of key/value pairs to send using XMLHttpRequest. The files can also be sent using FormData by including a file input element in your the form.


Credit Card Validation using jQuery


credit-card-number-validation-jquery-codexworld

Credit card validation is the must-have functionality on the payment form. It helps to validate credit card number and other details before submitting the payment. You can easily implement the credit card validation on the payment form using jQuery. We will create a simple jQuery plugin for credit card number validation. This jQuery plugin detects and validate credit card numbers, and instantly check whether the card is valid.


Live Image Upload, Crop and Resize using jQuery and PHP


live-image-upload-crop-resize-using-jquery-php-codexworld

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


add-datepicker-to-input-field-jquery-ui-codexworld

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-essential-features-codexworld

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.