codexworldblog

[codexworldblog]

Add Date Range Picker to Input Field using jQuery

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 user can select a custom date range or predefined ranges (such as “Last 7 days”, “Last 30 days”, “This month”, “Last month”, etc.) from the Date Range Picker widget. When Date Range Picker is attached to an input…

[codexworldblog]

Generate Thumbnail from PDF using PHP

PDF Thumbnail is the best way to display a preview of the PDF document. When you have a media library section in the web application and want to display the PDF preview in a listing, thumbnail images are a great option. In this process, you need to create thumbnail image from PDF document and display this image as a preview. There are various third-party libraries available to generate thumbnail…

[codexworldblog]

Shopping Cart with PayPal Payment Gateway in PHP

Shopping cart with payment gateway is a must-have functionality for an e-commerce website. The payment gateway allows the buyers to make payment online at the time of checkout. PayPal standard checkout is one of the easiest option to integrate payment gateway in the web application. A shopping cart helps users to select multiple products and PayPal allows users to checkout with credit/debit card…

[codexworldblog]

PHP CRUD Operations with PostgreSQL Server

CRUD (Create, Read, Update, and Delete) operations are used in the web application for the data manipulation in the database. There are four basic operations involved in the CRUD functionality that help to manage data with the database. We have already shared the tutorial to perform create (insert), read (select), update, and delete operations in PHP CRUD Operations with MySQL. In this tutorial,…

[codexworldblog]

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

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. Mostly the default HTML file input interface is used to select and upload files. But if you want to make web form UI more effective, drag and drop file upload feature can be used. The drag-and-drop feature provides an…

[codexworldblog]

Upload Multiple Files with JavaScript using PHP

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 better user interface, we can use client-side technology such as jQuery Ajax to upload files without page refresh. Moreover, you can use simple JavaScript to upload files to the server. The JavaScript…

[codexworldblog]

OpenStreetMap with Multiple Markers and Info Windows using JavaScript

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 to display maps with marker and info window. Mostly, the single marker is pointed on the map to display the location with marker and info window popup. We can embed maps with multiple markers and…

[codexworldblog]

DataTables Column Filtering with Server-side Processing using PHP

DataTables is a JavaScript library used to enhance the functionality and add advanced features to HTML tables. DataTables plugin converts a basic HTML table to an advanced feature-rich table instantly. There are various advanced features are available with DataTables, and server-side processing is one of them. DataTables server-side processing enables you to load a large number of data sets from…

[codexworldblog]

PayPal Advanced Checkout Card Payments Integration in PHP

PayPal Advanced Checkout lets you accept credit and debit card payments directly from the website. You can set up custom credit card fields and add card payment form without any PayPal branding. The card input fields and payment form style can be customized as per the website design along with your business branding. The PayPal JavaScript SDK and REST API provide an easy way to integrate advanced…

[codexworldblog]

Embed OpenStreetMap with Marker in HTML using JavaScript

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 cost. You can use OpenStreetMap API to embed maps in webpage without any restriction of the auth key. Similar to Google Maps, OpenStreetMap is allowed to add map in HTML with a marker…

[codexworldblog]

Generate QR Code Dynamically using PHP

QR Code or Quick-Response code is machine-readable code consisting of squares arranged in square grid format. QR code is typically used to store information that can be readable by an imaging device (such as camera). QR codes may be used for various purposes, like displaying info to users, opening web page URLs, downloading mobile apps, adding contacts, etc. The user needs to scan QR code by…

[codexworldblog]

CRUD Operations with Multiple Images in PHP

CRUD operations are the most used functionality in the web application managed dynamically. The add, edit, and delete functionality helps to manage data with the database on the website. You can integrate CRUD operations with PHP to perform create (insert), read (select), update, and delete operations. If your web application works with images, CRUD functionality can be used to manage the images.…

[codexworldblog]

Integrate Google reCAPTCHA in Modal Popup Form with Ajax using PHP

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 submission using PHP. With the reCAPTCHA widget, the user needs to select the checkbox to verify as a human. The reCAPTCHA checkbox is the best replacement for the generic CAPTCHA code…

[codexworldblog]

Multi Step Form with Progress Bar and Validation using jQuery

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 it into multiple steps. With multi step form interface, only a few inputs are showing on each screen and the user can complete input form fields by multiple steps. You can create a form with…

[codexworldblog]

PayPal Standard Checkout Integration in PHP

PayPal is one of the most popular payment gateway that allows website owners to accept payment online. In the web application, PayPal is the easiest option to integrate payment gateway and enable online payment on the website. There are various payment methods available that the buyer can choose from with PayPal checkout. PayPal checkout is the quickest way to enable an online payment system on…

[codexworldblog]

Remote Data in Select2 Dropdown with Ajax using PHP

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 using the Select2 JavaScript library. In this tutorial, we will show you how to integrate the Select2 dropdown with remote data loading using PHP. The remote data…

[codexworldblog]

Get Geolocation from IP Address using PHP

IP Geolocation helps to know the location of a visitor by IP address. Generally, the IP address is used to get the location of visitors with geolocation information. To get the geolocation, we need to detect the IP address first. Based on the IP address, the location information (country, state, city, etc.) can be retrieved. There are various Third-Party API services available to collect…