Easy Ajax Image Upload and view with JQuery, PHP

Today, we will look on how to upload an image with specific extensions into a server using AJAX and PHP. In this project, we will be using AJAX to show the user the uploaded image without refreshing the page. Also, we will be using extension validation using PHP in run time while uploading in order to prevent unknown file formats.

Overview

In order to build an image uploader, we will need to create the below-specified file with the specified code saved in it. Group all the files in the same folder.

  • Index.php
  • Ajaxhandling.php
  • Script.js
  • Jquery min library

(more…)

PHP Login and Registration Script with PDO and OOP

In our previous tutorial, we learned about Registration system using Php and MySQL If you haven’t checked it our I suggest You go through the tutorial as well.
In this tutorial, we will learn about log-in and registration of users using Object-Oriented PHP as well as PDO to access database.

Overview

During the whole tutorial, You will need the following pages. You need to insert the codes below in each of the files, group them in the same folder and save them.
Specific purposes of each of the files and its codes will be discussed in later part of the guide.

  • CRUD.php
  • dbConnect.php
  • home.php
  • index.php
  • logout.php
  • signup.php

(more…)

PHP Ajax Live Comment System

Looking to add a comment facility to your blog? If your answer is yes, You are at the right page.
In this tutorial, we will learn how to create a Comment system which will be loaded without page refresh. We will be using AJAX and PHP with MySQL to perform the task.

Overview

Moving ahead in the tutorial you will need to create edit and save the following files in the same directory. The functions of each of the page and their codes will be discussed subsequently.

  • dbConfig.php
  • index.php
  • post_comment.php
  • Style.css

(more…)

PHP PDO CRUD Tutorial Using OOP with Bootstrap

Want to create a form where you can perform Create, Read, Update, and Delete operations to your database?
Here, we will look into database transactions in PHP using PDO on a Bootstrap website, for this, we will be using Bootstrap libraries as well as some third party libraries. Below is the folder structure showing the files used.

 

Overview

In this tutorial, we will be creating 6 main files to complete our task. Save the files with the respective codes and place all the files in the same directory.

  • Add.php
  • Delete.php
  • Index.php
  • Update.php
  • Config.php
  • Data.inc.php

(more…)

Create an Auto-Suggest Drop Down Field using Ajax and PHP

In this tutorial, we will create an auto-complete drop down list.

The text box will take users input and suggest sentences with the available characters.

For this, we will be using PHP codes, AJAX as well as JS libraries like JQueryUI and Jquery as well.

Overview

To continue with the tutorial, we will need to create and save the following files all in the same directory.

  • Index.php
  • Autocomplete.php
  • Autocomplete.js
  • Autocomplete.css

(more…)

CRUD Operations Using PHP OOP and MySQL

In this tutorial, we will look into how to perform CRUD operations using PHP and MySQL, the Object Oriented way.
To perform this operation we will be creating a small form where users are given the ability to edit or delete the fields after adding(creating) an entry.

Overview

To continue with the tutorial you need to create and save the following files in the same directory.

  • Index.php
  • Crud_db.php
  • I_u_document.php
  • Style.css

(more…)

Dynamic Drop down Menu Using PHP and MySQL

In this tutorial, I will show you how to create a dynamic drop down list using PHP and MySql.

Users have the ability to add any number of Main menus as well as sub menu for each of them. All the data are pulled from the database as well as all the link which are embedded in the drop down menu is also pulled from the database itself.

Overview

To continue in this you will need to look into following files.

Copy the codes and save them in files with their respective name in the same folder.

  • Index.php
  • Add_menu.php
  • Style.css

(more…)