Makitweb Posts

A tooltip is a small pop-up element which shows information when moving the mouse pointer to the element. You can dynamically update the tooltip content with AJAX if you don’t want to fix the content while creation.

You can add the tooltip to the element with Bootstrap, jQueryUI, or any other library.

I am using jQuery UI library in the tutorial.

In the demonstration, I am displaying the list of users and dynamically load information on the tooltip with AJAX on mouse hover.

Dynamically show data in the Tooltip using AJAX


Add tooltip widget to the control or an element to show a short description or some additional information about the control e.g. – what it does, what values the users can input on it.

It will show when the user moves the mouse pointer over the element.

In this tutorial, I am using jQuery UI to add tooltip that can be attached to any HTML control like – label, input element, span, paragraph, etc.

Easily add Tooltip to the control using jQuery UI Plugin


The accordion is an expandable collapsable container layout which takes less space within the page. It is divided into multiple sections or parts and each has contents.

How it’s Work?

The user only able to view one section at a time for seeing other sections content he/she need to expand that section. When a section header gets clicked then it expands and show its content and collapsed previously opened section.

When its require?
When you page contains many forms or contents here, you can use it to divide them into various sections the effect of this is that now its look more user-friendly and easy to navigate.

Using jQuery UI to create an Accordion


By adding file upload to the project, there may case arrives where you have to check image width and height before upload if you only allowed image files for uploading.

This is very common in Job Application Forms where the user has only can upload its profile photo of given dimensions other it’s not uploaded.

In this tutorial, I explain you with an example how to implement it. For uploading, I am using AJAX and PHP and done restriction with JavaScript.

How to Validate Image width And Height Before Upload Using JavaScript

AJAX Javascript Jquery PHP

In this tutorial, I talked about a two jQuery method – switchClass() and toggleClass(). As their name suggest its related to classes, and they both are used for changing or replacing the class from an element.

When did it use?

You can use them to show the change of state of the element according to the condition, toggling classes within the elements or may be in some other cases.

For example – You have an Education website where students are assigned to courses. When student reading lessons there is an option for setting Lesson state to read or Unread. For showing the change of state you have created two classes one for unread and another for read which you want to use according to the state of a lesson.

In this kind of case you can either use removeClass() and addClass() for removing one class and add another class to an element or do it using a single method (switchClass or toggleClass).

Within tutorial, I am creating a small example for that where I use switchClass() method and various other examples to explain both methods.

How to use switchClass and toggleClass in jQuery

Javascript Jquery

Schedule post in WordPress is its inbuilt feature, you don’t need any extra plugin for it, which is great. and if you want the more extra feature then you go with Plugins.

You will find many free plugins for this purpose.

Why does anyone need to schedule their posts?

If you manage to write 4,5, or more post in a day and you don’t want to publish all of them at that time. The solution for it is either save them to Draft and click on Publish Button for publishing when the right time comes. But you need to login to your Dashboard every time when you want to publish it.

The next case, if you completed your post at night and don’t want to publish it right away. You want to publish it in near future.

How To

In this tutorial, I will show you How to you can search a value within comma separated column in MySQL table.

I will explain about FIND_IN_SET function and difference in result when using IN and FIND_IN_SET function in SELECT query.

You can use this function when you have to find the value in a field which has a list of values which are comma separated.

Search for value within a comma separated values in MySQL


The check and uncheck all functionality basically is seen where there is the large list of records are available. This small feature makes little easier for the users to perform an action.

You may have seen it on Gmail, WordPress Admin dashboard.

In this tutorial, I show how you can implement this functionality with jQuery and JavaScript.

How to Check and uncheck all using jQuery and JavaScript

Javascript Jquery

PHP provides ZipArchive Class which allows us to create Zip file. This class makes the file creation little easier.

Programmatically Zip creation mainly requires when preparing the group of file and folders for downloading.

In the demonstration, I am creating a function that will read all files and folders from the specified directory and add them in the ZipArchive class object.

How To Create And Download A Zip File with PHP


In PHPMyAdmin you can import data in the database table in various formats e.g. SQL, CSV XML, etc. formats.

While import CSV file in PHPMyAdmin need to make sure that it should be the valid format like – the number of columns, data.

Similar functionality can be implemented with PHP where read the uploaded file and insert the record in the MySQL database table.

It is possible to check for duplicate entry with PHP while import but it is not possible in PHPMyAdmin.

Import CSV file data to the MySQL using PHP

DataBase PHP