Skip to main content

Posts

Showing posts with the label Javascript application

Convert HTML Table data Into JSON With jQuery and Javascript.How?

Congratulations you are a real explorer 
Friends, I am going to show you how to Convert HTML Table data Into JSON With jQuery and Javascript.
HTML table and it's converted JSON data is shown below
Technologies used: HTMLBootstrapCSSJavascriptHTML page - Source code <!DOCTYPE html> <html> <head> <meta charset="utf-8">   <meta name="viewport" content="width=device-width, initial-scale=1">   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>   <style> #knf-users {   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;   border-collapse: collapse;   width: 100%; }
#knf-users td, #knf-users th {   border: 1px solid #ddd;   pa…

Develop Simple Responsive Sign In Form.How?

Congratulations you are a real explorer 
Friends, I am going to show you how to develop a simple responsive Sign-In form using bootstrap.
Our Sign-In form UI is below
Web View: Click here Technologies used:
HTMLBootstrapCSSjQuerySource Code

<html> <head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> <link rel="stylesheet" href="css/login_style.css"> <style> body{ background: -webkit-linear-gradient(left,#800080,#8A2BE2 ); padding-top: 25vh; } form{ background: #fff; } .form-container{ border-radius: 10px; padding: 30px; } #submit-button{ background:…

Develop Simple Responsive Sign Up Form.How?

Congratulations you are a real explorer 
Friends, I am going to show you how to develop a simple responsive Sign-Up form using bootstrap. Our Sign-Up form UI is below

Web View :Click here Technologies used: HTMLBootstrapCSSjQuery  Source Code

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Knowledgefactory-Sign Up</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<style>
.form-style {
  background-image: linear-gradient(to right,#D3D3D3,white);;
}
.note
{
    text-align: center;
    height: 80px;
    ba…

DataTable-Pagination example with Spring boot,jQuery and ajax free download

This article shows you DataTable-Pagination example with Spring boot, jQuery and ajax. 

Following technologies stack being used:
Spring Boot 2.1.1.RELEASESpring 5.1.3.RELEASE Maven 3DatatablejQueryFree Markerjavascriptajax Project Structure
View(index.ftl) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Knf|Pagination-Datatables</title> <!-- Tell the browser to be responsive to screen width --> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="../../css/jquery.dataTables.min.css"> <body>  <section class="content">   <div class="container-fluid">    <table id="example" class="display" style="width: 100%">     <thead>      <tr>       <th>First name</th>       <th>La…

AES-MD5-sha256-sha512 with javascript -project free download-Source code +Online tool

Following technologies stack being used:


jQueryBootstrapjavascript

Module 1:AES Encryption

Advanced Encryption Standard(AES) is a symmetric encryption algorithm. AES is the industry standard as of now as it allows 128 bit, 192 bit and 256 bit encryption.Symmetric encryption is very fast as compared to asymmetric encryption and are used in systems such as database system. Following is an online tool to generate AES encrypted password and decrypt AES encrypted password


AES User interface




Module 2:MD5

Hash functions are extremely useful and appear in almost all information security applications.
A hash function is a mathematical function that converts a numerical input value into another compressed numerical value. The input to the hash function is of arbitrary length but output is always of fixed length.

Values returned by a hash function are called message digest or simply hash values



MD5 User Interface





Module 3:SHA256
SHA-256 is a one-way function that converts a text of any length into a string…

Download, Responsive Web Scientific Calculator Using JavaScript

Click here to view online demo
Following technologies stack being used:

JavascriptbootstrapHTML
 web page


Download Source Code  $ git clone https://github.com/knowledgefactory4u/Javascript