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

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

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 info-windows u...

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 PayPal JavaScript SDK and REST API provide an easy way to...

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. Similar to Google Maps, OpenStreet...

DataTables JavaScript library is a quick and powerful way to build an HTML table with advanced features. It helps to make the HTML table interactive and user-friendly with a data list. We can easily add an HTML table on the web page to list the data in tab...

The event calendar lists the events date-wise in a large calendar view. The events are fetched dynamically and listed under the date cell. An event calendar makes it easier to find the events for a specific date. FullCalendar is a JavaScript library that h...

There are a few ways to deal with large file uploads in PHP. The easiest way is to increase the maximum upload size limit in the PHP configuration file (php.ini) on the server. If you don’t want to modify the server setting in PHP, the Chunk Upload metho...

A real-time clock is a very useful element for websites where time is the primary concern. The clocks are basically two types, analog and digital. This tutorial will explain how to build an analog clock using JavaScript and CSS. In this example real-time a...