JavaScript 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.

Create Web Form with Drag and Drop File Upload using JavaScript and PHP

CodexWorld — Wed, 08 May 2024 11:59:02 +0000

The web form is a commonly used element in each website. In some cases, the user is allowed to select files with the input data so that the files are attached to the form data.

The post Create Web Form with Drag and Drop File Upload using JavaScript and PHP appeared first on CodexWorld.

Upload Multiple Files with JavaScript using PHP

CodexWorld — Mon, 22 Apr 2024 05:59:05 +0000

Mostly the server-side scripting language such as PHP is used to upload file to the server. With this method, an HTML form is submitted to upload the selected file to the server. To provide a

The post Upload Multiple Files with JavaScript using PHP appeared first on CodexWorld.

OpenStreetMap with Multiple Markers and Info Windows using JavaScript

CodexWorld — Thu, 21 Mar 2024 13:58:09 +0000

OpenStreetMap is a free and open-source platform that is used to embed maps on the website. You can use OpenStreetMap API to embed maps with marker in HTML. Similar to Google Maps, OpenStreetMap is used

The post OpenStreetMap with Multiple Markers and Info Windows using JavaScript appeared first on CodexWorld.

Embed OpenStreetMap with Marker in HTML using JavaScript

CodexWorld — Thu, 30 Nov 2023 06:11:44 +0000

If you are looking for an alternative to Google Maps, OpenStreetMap is the best option to embed maps on the website. OpenStreetMap is a free and open-source platform that provides geographic data service without any

The post Embed OpenStreetMap with Marker in HTML using JavaScript appeared first on CodexWorld.

Integrate Google reCAPTCHA in Modal Popup Form with Ajax using PHP

CodexWorld — Fri, 29 Sep 2023 05:49:46 +0000

Google reCAPTCHA is designed to protect websites from spam and abuse. It helps to integrate CAPTCHA functionality into the web page without any hassle. You can add Google reCAPTCHA in HTML form and verify the

The post Integrate Google reCAPTCHA in Modal Popup Form with Ajax using PHP 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.

Create an Analog Clock using JavaScript and CSS

CodexWorld — Wed, 23 Mar 2022 11:03:05 +0000

A real-time clock is a very useful element for websites where time is the primary concern. The clock can display world time or local time in the clock as per needs. The clocks are basically

The post Create an Analog Clock using JavaScript and CSS appeared first on CodexWorld.