Generate HTML Table from MySQL database using Codeigniter

Here is an example showing you how to generate HTML table from MySQL database using Codeigniter. We will write here an example to create a table from a multi-dimensional array. The Table Class provides functions that enable you to auto-generate HTML tables from arrays or database result sets. Here we will create a web application to generate HTML table from MySQL database using Codeigniter. We will create a table in MySQL database and retrieve the records from the table and display on a view in table format.

Continue

GEO Location with HTML5 and jQuery

This tutorial shows you how to display the Geographic location or Geo location of a user or device on a Google map, using your browser’s HTML5 Geolocation feature along with the Google Maps JavaScript API. In this example I am going to use Google’s map JavaScript API. If Geolocation is supported in the browser then only it is going to display the current location otherwise it will show an error in the alert box.

Continue

Upload and Play Video using Codeigniter

Introduction This tutorial will show you how to upload and play video using Codeigniter. CodeIgniter’s File Uploading Class permits files to be uploaded. You can set various preferences, restricting the type and size of the files. Uploading a file involves the following general process: An upload form is displayed, allowing a user to select a file and upload it. When the form is submitted, the file is uploaded to the destination you specify. Along the way, the file is validated to make sure it is allowed to be uploaded based…

Continue

Add input fields to form dynamically using jQuery

Introduction This tutorial shows an example how to add input fields to form dynamically using jQuery. Input field types may be text, textarea or file to the form. We also have added remove button next to the added input field to remove the field if you do not need it. For this example, I have used here jQuery for dynamically adding inputs, CSS for some basic style and HTML code. How does it work? We have select/option for what type of input to be added to the form. We have…

Continue