PHP Archives - Page 3 of 72

How to Create a PHP Event Calendar with FullCalendar JS Library

Last updated on March 10, 2024 by Yogesh Singh

Event calendars are a powerful tool that keeps track of upcoming events, schedules, appointments, and deadlines.

I am using FullCalendar plugin to create a calendar layout and make it dynamic using PHP and MySQL. Plugin is not dependent on any library, responsive, and automatically fits on the page. Different types of options and events are available to customize and control it.

In this tutorial, I show how you can create an event, update and delete an existing event, and load events in the FullCalendar JavaScript library using PHP AJAX and MySQL.

I am using FullCalendar v6 in the example and sweetAlert library to display an alert box to add/edit events.

How to Add Select2 in CakePHP 4 and Load data using jQuery AJAX

Last updated on March 9, 2024 by Yogesh Singh

Select2 is a popular jQuery plugin that makes the default HTML select element a lot more functional. With <select > element it is not possible to search on the list and add an image to an option, or customize the UI.

Select2 allows the loading of data dynamically from the server using AJAX when the user clicks on an element or search.

In this tutorial, I show how you can add select2 in CakePHP 4 and load data dynamically from the MySQL database using jQuery AJAX.

How to add Select2 in CakePHP 4 and Load data using jQuery AJAX

Unleashing User-Friendly Search: jQuery UI Autocomplete in CakePHP 4

Last updated on August 26, 2023 by Yogesh Singh

jQuery UI library provides different types of user interface widgets that are easy to implement on the page. One of the powerful widget is autocomplete.

Autocomplete simplifies user interaction by presenting a list of suggestions as users type into an input field. You can choose to pre-load this suggestion data on the client side during initialization or fetch it dynamically using AJAX.

In this tutorial, I show how you can add jQuery UI Autocomplete in CakePHP 4 and load MySQL database data using jQuery AJAX.

How to Auto populate Dropdown using jQuery AJAX in CakePHP 4

Last updated on February 25, 2023 by Yogesh Singh

Dynamic-dependent dropdowns are very helpful to restrict user selection. You may have already seen this on the registration or profile page of the website where you need to select country, state, and city. Options in the dropdown update every time when a country or state dropdown selection gets changed.

If your tables are properly interlinked in the database and want to list their data on the dropdown then you can make them dynamically dependent on one another and load their data using AJAX.

In this tutorial, I show how you can auto populate dropdown using jQuery AJAX with MySQL database data in CakePHP 4.

How to Autopopulate Dropdown using jQuery AJAX in CakePHP 4