Makitweb - Page 72 of 102 -

jQuery UI autocomplete with PHP and AJAX

Last updated on May 4, 2023 by Yogesh Singh

The autocomplete functionality shows the suggestion list according to the entered value. You can choose a suggestion from the list. With jQuery UI you can easily add autocomplete widget to the input element. You can use your mouse or keyboard arrow keys to navigate the suggestion list. The widget has various options for customization.

You can set the suggestion source value while initializing the widget. This means it will search for values within the given source value whenever the user types any character. Alternatively, you can make it dynamic with AJAX.

In this tutorial, I show how you can add jQuery UI autocomplete on the textbox and select single or multiple values from the suggestion list.

jQuery UI autocomplete with PHP and AJAX

Insert record to Database Table – Codeigniter

Last updated on April 22, 2018 by Yogesh Singh

All logical operation and database handling done in the Models like insert, update or fetch records.

Codeigniter has predefined Database methods to perform database request.

In the demonstration, with View show the HTML form and when the user submits the forms then call the Model method to insert record from the controller.

How to install and setup Codeigniter 3

Last updated on July 2, 2021 by Yogesh Singh

Codeigniter is a lightweight PHP-based framework to develop the web application. It is based on MVC (Model View Controller) pattern.

The model handles the data processing – Return data, Insert, Update, or delete records from Database Table.
The view displays the final output.
The controller manages the Model and view. It handles the users’ inputs.

In this tutorial, I show how you can setup the CodeIgniter 3 project and create a page.

How to install and setup Codeigniter 3

Add Bootstrap Tooltip: Elevate Your Website’s User Experience

Last updated on July 1, 2023 by Yogesh Singh

Bootstrap tooltip offers a powerful tool for enhancing the user experience of a website. These small pop-up boxes provide valuable information, explanations, and context when users interact with specific elements.

By implementing Bootstrap tooltip, websites can effectively guide users, improve usability, and create an engaging interface.

This article explores the process of adding a Bootstrap tooltip to elevate the user experience on your website.

I am using Bootstrap 5 in this tutorial.

Add Bootstrap Tooltip: Elevate Your Website's User Experience