Makitweb Posts

Using login page registered users sign in to the website and manage its account.

On the user successful login attempt need to define $_SESSION.

This helps to detect the user is actually logged in or not when going to another web pages and it also helps to display content according to the user.

In this tutorial, I show how you can create a Login page with PHP and MySQL.

Create simple login page with PHP and MySQL

DataBase PHP

Pagination helps us to split the large list of records into multiple parts. This improves the UI and improves page load faster.

It limits the number of records visible to the user and requires to navigate through pagination control to view another list.

In this tutorial, I show how you can simply create pagination with HTML, CSS, and PHP.

How to create Pagination with PHP

PHP

In PHP you can easily upload any type file on the server using move_uploaded_file() method.

But it requires form submit for uploading the selected file.

If you want to store image file and display preview without reloading the whole page then you need to use jQuery AJAX.

Send the selected file using FormData object in AJAX request.

How to upload Image file using AJAX and jQuery

AJAX JQuery PHP

With pagination, you can divide the large list of records into multiple pages.

The user will only view specific numbers of records at a time and require to navigate to view another list of pages.

You can create this with the only PHP or use jQuery AJAX to load pagination data without page reload.

In this tutorial, I am using jQuery AJAX to create pagination.

In the demonstration, I am creating a table layout to display the list of records and use next and previous buttons to navigate.

Ajax Pagination with jQuery and PHP

AJAX JQuery PHP

If you are allowing the user to login with their username and password then you have to make sure that every user has the unique username.

When the user goes for registration on your site check username either after form submits or check it with AJAX while entering.

In this tutorial, I am using jQuery AJAX to check username is available or not.

Check username availability with jQuery and AJAX

AJAX DataBase JQuery PHP

Tab content area occupies less space and can handle a lot of information on the web page. It displays multiple sections in a neat way.

It is used to display related information e.g. displaying different types of settings forms.

This makes easier for the user to quickly switch from one section to the other.

In this tutorial, I show how you can create a simple Tab layout with HTML, CSS, and jQuery.

Simple Tab content area with HTML, CSS and jQuery

JQuery

In this tutorial, creating the accordion using HTML, CSS, and jQuery.

The accordion is a vertically stacked list of items. Each item can be “expanded” or “collapsed” to reveal the content associated with that item. There can be zero expanded items, exactly one, or more than one item expanded at a time, depending on the configuration.

Accordions are popular because they allow developers to force large amounts of content into tiny spaces on the page.

How to make Accordion with HTML, CSS and jQuery

JQuery

Javascript