JavaScript Splitter is a UI interface that provides resizable panes in a layout, but in my project I need a splitter only one part because if I will use a normal splitter it will cover the whole page and use…
Authenticate with Firebase in JavaScript
Today i will create a login authentication with Google firebase in Javascript it is very easy with freebase to create login authentication, register, Google Sign-in ,Facebook Login ,Twitter and GitHub, Phone number, Custom Auth System ,Anonymous Authentication , Passing State…
Book list in Javascript
Today i will show you how to create a book list with pure JavaScript with modular approach. html of application Demo <body> <div class=”container”> <div id=”form-block”> <h1>Add Book</h1> <div class=”form-group”> <label>Title</label> <input type=”text” id=”title” class=”form-control”> </div> <div class=”form-group”> <label>Author</label> <input…
Passing function as a argument in Javascript
This is an example of how we can pass function as an argument in JavaScript. script.js var years = [1940, 1925,1957,2000,1928]; function arrayCal(arr, fn){ var arrValues = []; for(var i =0; i < arr.length ; i++){ arrValues.push(fn(arr[i])); } return arrValues;…
JavaScript number formatting
With JavaScript single function we can format number like we want for example in example this formatNumber function add comma and dot according to number pass in function see the demo for more info. script.js function formatNumber(num){ var num,dec, numSplit;…
Bookmark Application with JavaScript
How to create bookmark web application with pure JavaScript. document.getElementById(‘myForm’).addEventListener(‘submit’,addBookmark); function addBookmark(e){ var siteName = document.getElementById(‘siteName’).value; var siteUrl = document.getElementById(‘siteUrl’).value; var bookmark = { name:siteName, url:siteUrl } if(localStorage.getItem(‘bookmarks’) === null){ var bookmarks = []; bookmarks.push(bookmark); localStorage.setItem(‘bookmarks’,JSON.stringify(bookmarks)) } else{ bookmarks =…
Prototype of web application in bootstrap 4
I have created prototype for large scale business web application using bootstrap 4 Demo
Dynamic Bootstrap Modal
Today i will show you how to use single Bootstrap modal in whole application I have created this demo from where you can fetch data from another file or from some id or class in same page !function(a){a.fn.customBootstrapModal=function(b){function d(){a(“#customModal”).on(“hidden.bs.modal”,function() {a(this).remove()})}var…
Bootstrap alert messages with one Jquery function
Today i will show you how to use one Jquery function to show all bootstrap messages in whole application you don’t have to copy paste the whole bootstrap message structure just call the function with parameter. function showalert(message,alerttype) { if…
ToDoList with JQuery and HTML5 Localstorage
Today i will show you ToDoList using jQuery, HTML5 Localstorage. This is the script document.getElementById(‘myForm’).addEventListener(‘submit’,saveToDo); function saveToDo(e){ elementValue = document.getElementById(‘todoId’).value; if(!elementValue){ alert(“You must enter a value in the New Task field”) return false; } var todo = { name:elementValue }…