Skip to main content

Category: PHP

Editable HTML Table with jQuery, PHP & MySQL

Updated on: coderszine team

In our previous tutorial, we have explained how to implement Event Calendar with jQuery , PHP and MySQL. In this tutorial, you will learn how to implement Editable HTML Table with jQuery, PHP and MySQL.

Live Editable HTML Table or Inline HTML Table Edit is a feature of web applications to allow users to edit HTML table column value. This is very user friendly feature as makes possible to edit save particular value with reloading page.

So if you’re looking for implementing editable HTML table, then it’s very easy using jQuery TableEdit plugin. In this tutorial you will learn how to implement Editable HTML Table with jQuery, PHP and MYSQL. You would also like to checkout HTML Table Data Export to Excel with jQuery tutorial to export html table data to excel format.

We will use jQuery TableEdit plugin to make HTML table editable and handle edit save when editing done.

(more…)

Build Event Calendar with jQuery , PHP & MySQL

Updated on: coderszine team 3 Comments

In our previous tutorial, we have explained how to implement Dynamic Bar Chart with JavaScript, PHP and MySQL. In this tutorial, we will explain how to implement Event Calendar with jQuery, PHP & MySQL.

Calendar is a popular tool in web applications that’s used for scheduling purpose. The dynamic events calendars are created to add events, view events, manage events etc.

So if you’re looking for solution to implement responsive mobile friendly dynamic events calendar using jQuery and PHP, then here at your destination. In this tutorial you will learn how to create dynamic event calendar using jQuery, PHP and MySQL. You would also like tutorial to create Dynamic Bar Chart with JavaScript, PHP & MySQL to implement Bar Chart with JavaScript.

We will use jQuery Calendar plugin to create event calendar with dynamic data from MySQL database using PHP. We will cover this tutorial in easy steps to create live demo of jQuery event calendar with dynamic data.

(more…)

Create Dynamic Bar Chart with JavaScript, PHP & MySQL

Updated on: coderszine team 3 Comments

In our previous tutorial, we have explained how to implement Barcode Generator with JavaScript. In this tutorial, we will explain how to implement Dynamic Bar Chart with JavaScript, PHP and MySQL.

Bar chart or Bar Graph is used to display grouped data with rectangular bars with lengths proportional to the values that they represent. Bar charts are displayed as vertically or horizontally and can be used to display different type of data. The Bar charts are arranged to display from highest to lowest by grouping of data into discrete groups like months of year, age group, sizes etc.

So in this tutorial you will learn how to create dynamic Bar chart with JavaScript, PHP and MySQL. We will use JavaScript plugin Graphite.js to create Bar Chart. You would also like tutorial to build Event Calendar with jQuery, PHP & MySQL to implement in your next project.

We will cover this tutorial with live example to create dynamic Bar Chart.

(more…)

Drag And Drop File Upload with jQuery and PHP

Updated on: coderszine team 2 Comments

In our previous tutorial, we have explained how to implement Export HTML Table to Excel using jQuery. In this tutorial we will explain how to implement drag and drop file upload with jQuery and PHP.

File upload is a common functionality to upload files to server by browse button. Now you can easily enhance file upload functionality to enable users to upload files by drag and drop and also through file browse. The drag and drop file upload is more user friendly as it just needs to drag and drop files on it and the files automatically gets uploaded to the server via AJAX.

So if you’re looking for implementing drag and drop file upload functionality, then you’re here at right place. We will use DropzoneJS jQuery plugin to handle drag and drop file upload functionality. The tutorial explained in easy steps with live demo and link to download source code of live demo.

(more…)

Drag and Drop Reorder with jQuery, PHP & MySQL

Updated on: coderszine team 4 Comments

In our previous tutorial, we have explained how to implement Data Export to Excel with PHP and MySQL. So in this tutorial, we will explain how to implement drag and drop sorting functionality with jQuery and PHP.

Drag and drop is a very user friendly feature that allows users to sort or reorder element by drag and drop on desired position. If you’re developing a web application that listing items or images, then you can easily add drag and drop functionality in your web application to increase user experience. You just need to use jQuery UI that enables you to easily add draggable functionality on items list.

We will also use MySQL database table to display items and also order of items after drag and drop reorder. The tutorial explained in easy steps with live demo to display list of images and then reorder images by drag and drop. The images order will be save in MySQL database on each image drag and drag using Ajax. You can also download source code of live demo.

(more…)