makitweb

[makitweb]

This video shows how you can upload a file using JavaScript AJAX and PHP.

[makitweb]

This video shows how you can make a hierarchical structure of MySQL data using jsTree jQuery plugin and PHP.

[makitweb]

This video show how you can dynamically load MySQL database content in Bootstrap tooltip using jQuery AJAX and PHP.

[makitweb]

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 provided a method for this.

In this tutorial, I show how you can dynamically show and hide multiple columns in DataTables.

[makitweb]

This video will show how you can use the Dropzone library to upload a file using drag & drop in the CodeIgniter project.

[makitweb]

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 example, of this, is country, state, and city dropdowns on a form.

To load data without page refresh need to use jQuery AJAX.

In this tutorial, I show how you can auto-populate the dropdown with PDO and PHP.

[makitweb]

This video will show how you can store an image and retrieve it from MySQL database using PHP. 

 I show 2 ways - 

1. Storing the image file in the server and save file name in the MySQL table. Retrieve image by file name.

2. Saving the image base64 encoded value in the MySQL table. Display image using base64.

[makitweb]

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 it either in the client-side or server-side script.

By allowing datepicker the user only need to pick a date in a given format.

Date filter helps to generate a report and view records between specific dates.

To add datepicker I am using datepicker Vue component in the example.

In this tutorial, I show how you can filter records by date with Vue.js and PHP.

[makitweb]

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 the particular field only like – adding date range filter, country filter, etc.

DataTables allows for passing data which can read at the server-side script.

In this tutorial, I show how you can add a custom search filter and get records using DataTables in CodeIgniter.

[makitweb]

Select2 is a jQuery plugin which customize <select > element and adds multiple functionality like – searching, multiple option selections, etc.

You can import data using jQuery AJAX or directly list data in the element.

In this tutorial, I show how you can add select2 on a select element and load data using jQuery AJAX in Laravel project.

[makitweb]

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 for editing the existing record.

In this tutorial, I show how you make live data editing in HTML table using jQuery AJAX in CodeIgniter.

[makitweb]

This video will show how you can add jQuery UI autocomplete on the textbox and select single or multiple values from the suggestion list.

[makitweb]

This video will show how you can paginate MySQL database data using DataTables AJAX pagination with PHP.