Instead of adding multiple file elements, you can use a single file element for allowing the user to upload more than one file. Using the FormData object to pass the… The post How to… Read More

CodeIgniter already has a pagination library using which you can easily add pagination on your page. In this tutorial, I show how you can create pagination with a search filter… The p… Read More

When working with a database then retrieving data from the database is one of the basic requirements. With the use of AJAX, you can fetch records without reloading the page.… The post… Read More

Select2 is easy to initialize on an element. It allows loading data with and without AJAX. In this tutorial, I show how you can load MySQL database data in select2… The post How to Lo… Read More

With autopopulate dropdowns, a user is restricted to select an option from the available options based on the selection of its previous selection. In this tutorial, I show how you… Th… Read More

CSV (comma-separated values) is a widely used format to import and export data between applications. With fputcsv() function write data in the CSV file. In this tutorial, I show how…… Read More

Using AJAX you can upload a file to the server without reloading the page. Require to send CSRF token with AJAX request to upload the file. In this tutorial, I… The post How to upload… Read More

With file upload, a user can import file data to the database, upload media files, etc. In this tutorial, I show how you can upload a file and add validation… The post How to upload a… Read More

If you are managing content based on the country then there is always a chance that a user tries to access other country content using VPN or Proxy. If you… The post VPN/Proxy server… Read More

DataTables is a widely used jQuery plugin for pagination. After initialization, it adds a search box and column sort on the header column. It allows adding pagination with and without&hellip&hell…Read More

Retrieving data is one of the basic requirements when working with the database using AJAX. Showing data based on the user login, generating a report, etc. In this tutorial, I… The po… Read More

jQuery UI autocomplete display suggestions list based on the input in the textbox. You can display suggestions with and without AJAX. In this tutorial, I show how you can add… The pos… Read More

With the Select2 jQuery plugin, you can customize the default HTML select element. It allows searching, multiple option selection, loading data using jQuery AJAX, etc. In this tutorial, I sh… Read More

By adding autocomplete on a textbox makes it easier to search for an item. It displays a suggestion list based on the input in the textbox. I am using the… The post Autocomplete textb… Read More

With AJAX you can perform an action on the server without refreshing the whole page. You can use it to fetch data, import file data, upload files, etc. In this… The post How to upload… Read More

There’s a lot to love about PhoneGap, from its easy-to-use interface to its huge library of app resources. However, it does have its flaws. One of its biggest ones actually… The… Read More

CSV is a widely used format for exchanging data between applications. The database and data dumps should be in a proper format to import data smoothly and without any issue.… The post… Read More

With file uploading, the user can import data and upload media files to the server. In this tutorial, I show how you can upload an image and other files with… The post How to upload a… Read More

Cross-Site Request Forgery (CSRF) requests are a type of malicious exploit whereby unauthorized commands are performed on behalf of an authenticated user. CodeIgniter 4 provides protection f… Read More

CRUD (Create, Read, Update, and Delete) is a basic requirement when working with database data. In this tutorial, I show how you can select, insert, update, and delete a record… The p… Read More

Adding multiple file elements for uploading multiple files is time-consuming and you need to write some extra code for this. You can do it with a single file element by Read MoreHow to uploa… Read More

CRUD stands for Create, Read, Update, and Delete. This needs when working with the database data. With this operation, a user can perform its action, and the changes will be Read MoreCRUD (C… Read More

In CodeIgniter view is an HTML or PHP file used to display the content on the browser. You can load and pass data to view using the controller. In this Read MoreHow to create and load view i… Read More

CodeIgniter 4 requires PHP version 7.2 or higher. The earlier version requires a minimum PHP 5.3 version or higher. There is now public directory like in other frameworks. You can Read MoreH… Read More

With the use of the DataTables jQuery plugin, you can list your records in pagination format. You can add HTML elements like – buttons, link, image, etc with a record. Read MoreEdit De… Read More

HTML element doesn’t provide search feature. In VueJS you can use vue-select component to add a customizable and responsive select element. It allows us to load options with Read More… Read More

DataTables is a jQuery library that used to create pagination. It comes with various features – pagination, sorting, search, etc. You can load data with and without AJAX. In this Read… Read More

CSV file is been used for data import, export, and generating a report. If you have huge data available in the MySQL database and you only require a specific date Read MoreHow to Export MySQ… Read More

jQuery UI autocompletes enable a textbox to show a suggestion list based on the input. It allows the loading suggestion list using AJAX. AJAX response must be in a defined Read MoreHow to lo… Read More

Select2 jQuery plugin is easy to add on the element. Need to call the select2() method on the selector to initialize. If you adding select2 on a class Read MoreHow to add Select2 on Dynamic… Read More

DataTable comes with a single search box that you can use it to search on all or specific fields and display filtered records. You can add custom elements according to Read MoreDate range se… Read More

File uploading is a basic requirement in a website. It is done using a server-side script. Requires to reload the page after form submission to execute the script. With AJAX Read MoreHow to… Read More

AJAX is the only way that allows communicating client-side with the server-side. It is easier to send AJAX requests using JavaScript libraries or frameworks. But it is also good to Read More… Read More

Cross-Site Request Forgery (CSRF) is a way to trick the server that a request sent to it is legitimate while it actually is an unauthorized attempt. In CodeIgniter, CSRF protection Read More… Read More

If you already managing the relationship between parent and child items using separate field then it is easier to create a hierarchical structure. With the use of a jsTree plugin, Read MoreC… Read More

Dropzone is easy to set up on the page and upload files using Drag & Drop or file browse. File preview display after file upload. It allows you to add Read MoreHow to add Download Link i… Read More

On the website, there must be a unique identifier for each user. It can be the username, email-id or any string using which user can log in to the website Read MoreCheck Username Availabilit… Read More

The login page is the basic requirement for the membership-based websites. User needs to login to the website using its username or email and password to access the website. If Read MoreLogi… Read More

PHPMailer is a PHP library that has an inbuilt function to send emails safely and easily using PHP from the server. Mail is a useful functionality on the website. It Read MoreHow to send ema… Read More

Sometimes require to show and hide HTML table columns dynamically. You can easily hide a column using CSS nth-child selector. But with dataTables it not works properly. DataTables already pr… Read More

Select2 is a widely used jQuery plugin. It makes select element user-friendly. After initializing it adds style and a search box. Based on the search text it filters the options. Read MoreDy… Read More

With Autopopulating dropdowns user is restricted to select an option from the dropdown steps by steps. Based on the dropdown selection next dropdown is autofill with options. The common exam… Read More

JavaScript is one of the most sought after languages designed to build interactive web applications. So, JavaScript uses one of the most definitive tool that provides full power and flexibil… Read More

Ember and Vue are the two fastest-growing JavaScript frameworks right now. With Ember releasing its version 3.7 this year and Vue’s version 3 slated to come out later in the Read MoreE… Read More

Date range filter without datepicker sometimes gets complex and there is always a possibility that the user specifies the date in a different format. In this case, need to handle Read MoreFi… Read More

DataTables by default comes with a search filter which can be used to search on all fields or specific fields and display records. Sometimes, require to add the filter for Read MoreDataTable… Read More

Dropzone is easier to add on the page. It allows either uploads the file by drag & drop or file browse. It displays file preview after upload. In Laravel, need Read MoreDrag and Drop fil… Read More

In membership-based website registration and login page is common. User needs to create a new account and login to the website to access services and manage its account. In this Read MoreCre… Read More

CSV is a widely used format for data dump and bulk data uploading to the database like product details, user data, etc. The file is consists of one or more Read MoreImport CSV file to MySQL… Read More

Select2 is a jQuery plugin which customize element and adds multiple functionality like – searching, multiple option selections, etc. You can import data using jQuery AJAX or directly… Read More

Uploading file without page refresh is a more user-friendly way than refreshing the whole page. It allows displaying image preview instantly after upload. You can upload single or multiple f… Read More

With Live editable table, user can view and edit the list of data on the same page. You don’t need to send the user to a new page or form Read MoreLive Editable table with jQuery AJAX… Read More

DataTables plugin is the easiest way to add pagination on the page with all the required features. For adding delete control you can either add delete button with each record Read MoreDelete… Read More

Everyday web development technology emerges like a skyrocket. Technology is evolving, and web applications usage is increased vastly in the last few years. JavaScript is one of the language… Read More

Autocomplete is a user-friendly way to display a large list of data on a page. It shows suggestions based on the input and a user can select an option from Read MoreMake Autocomplete search… Read More

Select2 is easier to initialize on the HTML element. You can either use static data or load data remotely using ajax option. Requires to return response in a Read MoreLoading data remotely… Read More

When generating a PDF with Dompdf then it ignores fonts which are not available in its internally – Helvetica, Times-Roman, Courier, Zapf-Dingbats, Symbol. Require to load the fonts fo… Read More

File upload is one of the basic requirement on the web application. I am using axios package to send AJAX request to upload a file. Send a selected file using Read MoreHow to upload file wit… Read More

CodeIgniter already has a library for pagination. Which is easier to implement on the page. But you need to customize it to add extra functionality like – search, sorting, rows Read Mo… Read More

Autocomplete textbox gives the suggestions based on the user input. This generally uses in the field where a user needs to select an item from the available data. In this Read MoreHow to Aut… Read More

Web Speech API allows recording human voice and convert it to text or generate an audio file. This can be used to enable the users to access the website hand free Read MorePitch volume… Read More

Sometimes, JavaScript modification doesn’t reflect on the page while running. Need to clear browser cache manually each time when the file gets updated. It makes the debugging pro… Read More

Dropzone auto uploads the selected file or drag file to the server. Sometimes, it requires to upload all selected files on single click instead of uploading it instantly. With Dropzone Read… Read More

With Datatable you can easily implement pagination on the webpage in less time. It gives all necessary features which require in the pagination like – searching, sorting, cha… Read More

Taking the backup of the database is necessary whether it small or large project. You can easily revert the database if something went wrong. Using phpMyAdmin you can easily export Read More… Read More

phpMyAdmin allows importing file to the selected MySQL database but it takes time to import according to the file size. If a file is too large then it will give Timeout Read MoreHow to… Read More

In CKEditor by default file browser option is not enabled. You can only add a file to an editor with URL. To add file browser option require to update CKEditor configuration Read MoreCu… Read More

An array is a special variable which allows storing one or more values in a single variable e.g. – holding usernames or details in an Array. They are easier to manipulate. So… Read More

CKEditor is a WYSIWYG HTML editor. It makes HTML textarea lot more user-friendly by providing various features like – adding images, writing HTML code, formatting text, etc. This… Read More

In infinite page scroll pagination data load dynamically and append at the end of existing content when the user reaches to the bottom while scrolling. The user doesn’t have to Read Mo… Read More

One by One record deletion from the list is time-consuming and frustrating when need to delete many records. With the use of the checkboxes on the list, you can allow Read MoreDelete Multipl… Read More

In CodeIgniter, there is zip library for creating a zip file but there is no library available for extracting the zip file. To extract need to use ZipArchive Class. Load Read MoreHow to uplo… Read More

In PHP, ZipArchive Class is used for creating a zip file. For adding a whole directory files need to read directory files one by one and add in the ZipArchive Read MoreCreate and Download Zi… Read More

Laravel Excel is a package which simplifies the import and export data in Laravel. It allows exporting data in various format – xlsx, csv, xml, html, pdf, etc. Require to create R… Read More

Autopopulating values require when need to load records on child element based on parent element value. Element values replace with new items whenever parent element value changes. In t… Read More

DataTables makes pagination implementation easier. For allowing searching it adds a search box and also adds up & down arrow on the column header for sorting. By default, sorting ha… Read More

In CSV file you can store data in comma-separated string format. Sometimes require to import existing CSV file data to MySQL database. For this, you can either directly read the Read MoreImp… Read More

Select2 is a jQuery plugin which customizes HTML select element and makes it more user-friendly. It adds search features, allows to add an image with options. The HTML select element Read Mo… Read More

File uploading is most used functionality in web applications. Lots of application allows the users to manipulate files to the server like – profile image, upload documents, impor… Read More

Nowadays mainly in every e-commerce websites, there is a rating option on the product page. The user can rate the product based on its quality, usefulness, etc. This rating is helpful R… Read More

The number of records displays on the page affect the load time of a webpage. To improve response time you can show limited records at a time using pagination. There Read MoreLoad More Recor… Read More

Autocomplete search make easier to find an item from the long list of available items. It displays suggestion based on the typed searched text. If your data available in XML Read MoreMake Au… Read More

Plugin is used to add features to the site without modifying the core code. While building plugin you can also use AJAX to save the form after submit, retrieve data Read MoreHow to Send AJAX… Read More

In CodeIgniter, Model is used for the Database manipulation – fetch, insert, update, and delete records. If within the project there are multiple Models are available then it may… Read More

When DataTable is initialized on the HTML table then it generates pagination which has sorting, searching on all columns, change number of records display features. The default search contro… Read More

DataTables is a jQuery plugin which makes easier to add pagination on the webpage. Just need to add records list then it will auto-adjust data and create pagination with search Read MoreData… Read More

Sometimes its require to quickly modify multiple records and save it to the MySQL database table. It makes easier to update records instead of updating one by one. With checkboxes, Read More… Read More

Pagination is used to display the large list of records in multiple pages form. This makes easier to access records. You can make traversing more easier by add sorting on Read MoreSort Pagin… Read More

In WordPress, you can easily customize the page by editing the page.php file of the active theme. But the change will affect on all pages where no need of customization. Read MoreHow to Crea… Read More

AJAX is use to communicate with the server and perform action like – database manipulation, file upload, etc. without the need to refresh whole page. In this tutorial, I show Read More… Read More

Dropzone library makes easier to implement file upload using drag and drop on the page. After file uploading, it shows the preview of the file in the upload area. All Read MoreHow to Display… Read More

Auto-populating records based on the selection make easier to control the flow of inputs and the user is restricted on the selection. Data is updated on dependent dropdown according to Read… Read More

AJAX makes easier to load records from MySQL database without reloading the whole page. Handle AJAX request from the controller and database manipulation in the model. In this tutorial, I Re… Read More

Dropzone is a JavaScript library which allows uploading file by drag’n’drop and display the file preview after upload. It is easier to add to the page and it does not d… Read More

jQuery UI sortable enable to reorder the HTML element by drag & drop. This will use to allow the users to adjust the positions of images to display on the Read MoreHow to Reorder Images… Read More

AJAX pagination makes it easier to display the large list of records in multiple pages without refreshing the whole page when navigating. While navigating pages if you refreshed the webpage… Read More

The live character counter is very useful when need to validate the user from entering more input or display warning message. Character count visible on the screen while inputting character… Read More

By storing media files to MySQL database make easier to retrieve files uploaded by the user or in the specific category. For this require storing file to the server and Read MoreUpload and S… Read More

If you are using MySQL database in your web project then there is always possibility that you need to insert, update, and delete records instead of just fetching and displaying records… Read More

AJAX makes easier to perform operations without submitting the form like – fetch, insert, delete records from MySQL database, file uploading, etc. Using AJAX in WordPress is a little d… Read More