jQuery Tutorials, Lessons, Scripts, Projects, Demos

Add Date Range Picker to Input Field using jQuery

CodexWorld — Wed, 02 Apr 2025 14:55:37 +0000

The Date Range Picker allows the user to select a range of dates. You can attach the Date Range Picker component to an HTML element to pop up two calendars to select a date range.

The post Add Date Range Picker to Input Field using jQuery appeared first on CodexWorld.

Multi Step Form with Progress Bar and Validation using jQuery

CodexWorld — Mon, 11 Sep 2023 07:43:55 +0000

A long form provides a complex structure for the users. We need to break it into multiple steps to make long form user-friendly. Multi Step Form Wizard helps to make long form user-friendly by dividing

The post Multi Step Form with Progress Bar and Validation using jQuery appeared first on CodexWorld.

Remote Data in Select2 Dropdown with Ajax using PHP

CodexWorld — Mon, 19 Jun 2023 05:48:15 +0000

Select2 is a jQuery select box replacement plugin that allows customized select boxes with support for searching, tagging, and remote data loading features. You can convert HTML select boxes to highly featured dropdown select boxes

The post Remote Data in Select2 Dropdown with Ajax using PHP appeared first on CodexWorld.

Tags Input with Autocomplete using jQuery and PHP

CodexWorld — Wed, 07 Sep 2022 05:18:39 +0000

Tags are used to organize posts or articles on the website. Tags provide an effective way to group related posts and make it easier for the user to find relevant posts quickly. It also helps

The post Tags Input with Autocomplete using jQuery and PHP appeared first on CodexWorld.

Build CRUD DataGrid with jQuery EasyUI using PHP and MySQL

CodexWorld — Tue, 17 Sep 2019 19:16:03 +0000

DataGrid with CRUD operations is the most used functionality for the data management section. Generally, the web page is reloaded when the CRUD operation occurs. To make the web application user-friendly, you can integrate the

The post Build CRUD DataGrid with jQuery EasyUI using PHP and MySQL appeared first on CodexWorld.

Insert Image with Caption in CKEditor

CodexWorld — Mon, 11 Feb 2019 13:50:48 +0000

CKEditor provides various plugins to enhance the functionality of the WYSIWYG HTML editor. The Image plugin is one of the most useful to insert images into the editor content. By default, the Image plugin is

The post Insert Image with Caption in CKEditor appeared first on CodexWorld.

Add WYSIWYG HTML Editor to Textarea with CKEditor

CodexWorld — Tue, 15 Jan 2019 18:17:59 +0000

WYSIWYG Editor is very useful when you want to allow the user to insert the formatted text content in textarea input field. Generally, the WYSIWYG editor is driven by JavaScript, converts formatted text to HTML

The post Add WYSIWYG HTML Editor to Textarea with CKEditor appeared first on CodexWorld.

Auto Resize Textarea Height using jQuery

CodexWorld — Wed, 09 Jan 2019 06:28:37 +0000

Auto Resize feature makes a textarea more user-friendly. It expands the height of textarea automatically based on the content. If your web form contains a textarea, you can add the auto resize feature to resize

The post Auto Resize Textarea Height using jQuery appeared first on CodexWorld.

jQuery UI Autocomplete with Images and Custom HTML in PHP

CodexWorld — Mon, 10 Dec 2018 11:37:18 +0000

The jQuery UI Autocomplete plugin provides an instant way to add autocomplete suggestions feature to the textbox. It allows the user to quickly search and select a value from a pre-populated list. When the user

The post jQuery UI Autocomplete with Images and Custom HTML in PHP appeared first on CodexWorld.

Autocomplete Textbox with Multiple Selection using jQuery in PHP

CodexWorld — Tue, 27 Nov 2018 06:22:07 +0000

Autocomplete Textbox displays the suggestions under the input field to allow the user to select a value from the pre-populated values list. It helps the user to find and select a desired value from the

The post Autocomplete Textbox with Multiple Selection using jQuery in PHP appeared first on CodexWorld.