Category: Web Development

Controlling form data Using jQuery

Friends,

Here is a small code in which the data is added in the form and displays in the same page without page loads. In the same way, deleting the data from the page without reloading the page.

This is a simple code without any server and database. In reality, this is used to interact with the database using AJAX.

Image1: Page having the form to add data as well as to display the data
Book-Ajax1

Image 2: Adding the data
Book-AjaxAdd

Image 3: Removing the data by clicking Remove button from Action Column

Book-AjaxDel

Here is the code for the above program.

Click here to download the code

Thank you.

Advertisements

Responsive, beautiful websites

bootstrap-stack

Friends,

We can create a responsive and beautiful website using various predefined classes. By using those classes it makes the development easy and simple. This is provided by Bootstrap.

There are different versions of Bootstrap:

We can download the package and link the source file to our website and use it. Or, we can use CDN and add to our website.

You can copy and paste the following CDN to work with Bootstrap

CSS:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" /> 

JS source:

https://code.jquery.com/jquery-3.2.1.slim.min.js
https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js
https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js

To download Compiled CSS and JS, click here.
To download Source files, click here.

Thank you