Coding Cage | Programming Blog - PHP, MySQL, Ajax, jQuery, Web Design Tutorials

Bootstrap Modal with Dynamic MySQL Data using Ajax & PHP

By // 4 comments:
Hello friends, in this tutorial we will see How to Show Dynamic MySQL Data in Bootstrap Modal, Well Modals are become very popular and important UI for any kind of websites and with Modals we can do lot’s of things, nowadays Modals are mostly used for add, update and delete even for display dynamic contents and you also might have seen login/signup popup modals in some websites, and we have also covered a tutorial on deleting mysql rows with bootstrap confirm modal(dialog) with the help of bootbox, we can also create the same without using any plugin, and now here in this tutorial i will show how you can easily display/show mysql data in bootstrap modal and the mysql rows are displayed dynamically in modal via ajax call, check the demo of this tutorial and see how it looks.
Ajax Bootstrap Modal with Dynamic MySQL Data using PHP

Quick & Easy Form Validation Example with Parsley.js

By // 1 comment:
Hello everyone, today in this tutorial we will see How to Validate Registration Form using Parsley.JS, Parsley is the ultimate JavaScript form validation library, In one of my previous tutorial we already seen Simple HTML Form Validation using jQuery Plugin, well there's a lot's of way in that we can validate web forms using server side or client side by writing custom client/server side code which can be JavaScript or PHP, or it can be also done by using some jQuery Validation Plugins/Libraries, in-between i have found Parsley that is widely used in most of bootstrap admin themes that i have seen, so let's have a look how to use it, you can check demo of parsley validation before proceeding.
Quick & Easy Form Validation Example with Parsley.js

Delete Rows from MySQL with Bootstrap Confirm Modal

By // 7 comments:
Hi friends, in this tutorial post we will see How to delete rows from MySQL table, well it's a most common process of CRUD system, but as i titled this post we will set bootstrap and bootbox powered confirm dialog instead of javascript's default confirm dialog, in the terms of UI bootstrap gives far better UI than JavaScript Dialog, and getting confirmation on deleting the data is always good to make sure delete the data or not. i already posted a tutorial about the same but this was different from that, i have used here bootbox plugin for custom bootstrap dialog and the deleting process was done by jQuery Ajax with FadeOut effect. you can also check out the live demo of this simple tutorial so that you can get idea, that how all goes, so have a look at this tutorial and download the code from the given link and if you are using bootstrap for your projects so you should try this out, let's start coding.
Delete Rows from MySQL with Bootstrap Confirm Modal

Parse JSON Data easily in jQuery DataTables

By // 1 comment:
In today's tutorial i'm gonna tell you How to Parse JSON Data in jQuery Datatables, In our's previous tutorial we saw parsing JSON in Simple HTML Table using jQuery's $.getJSON() and $.ajax(), now here in this tutorial we have datatables so no need to use jQuery's methods and functions, but we need to use here Ajax data source with remote JSON file to do parsing and yes we need simple html table, in datatables it's very easy to parse any JSON Data and you don't need to do any special initialization, so just take a look at this simple yet useful tutorial.
Parse JSON Data easily in jQuery DataTables

How to Read JSON Data in PHP using jQuery Ajax

By // 2 comments:
Hi, today we will see How to Read JSON Data using jQuery in PHP, recently i have posted a tutorial about Converting MySQL data into JSON string, as you all know that JSON is easy to understand and light-weight data interchanging format between browsers and servers, so we will see how to read json files and how to read json data, and how to parse json into HTML Table, sometimes we need to get this type of data and it's useful to create restful API's, so let's get stared.
How to Read JSON Data in PHP with jQuery Ajax

Ajax Bootstrap Signup Form with jQuery PHP and MySQL

By // 25 comments:
hello friends, this is my continuation post of previous tutorial, well the previous is just a creating bootstrap signup form along with validation and now in this tutorial we will see Creating Bootstrap Form with Ajax jQuery PHP and MySQL., we already have ajax registration tutorial but that was simple for beginners and this one goes advance, we will see live email availability, Live jQuery validation, and signup process will goes silently without page reload. before proceed you can check the live demo of this tutorial to see how it goes, so let's get started.
Ajax Bootstrap Signup Form Example with jQuery PHP and MySQL

Designing Bootstrap Signup Form with jQuery Validation

By // 3 comments:
In this tutorial i am going to show how to create a simple responsive signup form using bootstrap. bootstrap is awesome css/js designing front end framework and i love to work with bootstrap and in most of my web projects i have used bootstrap for designing purpose. so here In this tutorial there's a simple bootstrap registration form with jQuery validation. you can take a look at live demo. so let's start code.
Designing Bootstrap Signup Form with jQuery Validation