Featured
-
Top 10 Template Engines for JavaScript
What is a Template engine? Template Engines are
by nishant.mishra -
jQuery Accordion
Hello readers! In this Blog we will gain knowled
by vishwanath.rana -
How to make Numbered and bulleted list in HTML Editor with JavaScript
Hello all, Working with HTML Editor we wanted t
by gaurav.gautam -
How to hide particular div with just one click?
Hi, you want a condition in which the particula
by abhishek.tiwari.458 -
How to Create and Retrieve Array in Javascript?
If you want to store multiple values in a single v
by siddharth.shahi
Tags
How to install Node, NPM and others Node Module in Ubuntu
Node.js is a Javascript platform for server-side programming that allows users to build network applications quickly.
In order to get this version, we just have to use the apt package manager.
sudo apt-get install nodejs
We need to ins...
Javascript form validation
Simple Javascript Form Validation
Why we need javascript validation :
1: To validate user input on client side.
2: Force user to enter required data.
3: Remove dependency on server side language to validate data for primary valida...
Package.json file in Node.js
Hello Readers,
To run the applications based on Node.js we need a "Package.json" file in the root directory. Package.json file tells the dependencies requires in the project. Without this file you cannot run the project.
{ "name" : "pong"...
How to create a server in Node.js
Hello Readers.
Node.js is very popular in market in creating of real time applications.Here's the example of how we can create the server in our local system to run the Node.js applications.
var http = require('http')
, static = re...
To get outer html with Jquery
There is no direct function to get outer html with jQuery as per my information, hence create a temporary html object and append the target object to the temporary object. Then get the inner HTML of the temporary object..
$('<div>').appe...
How to change value of multiple checkbox and radio buttons?
Hello Guys
This Tutorial will guide you for Changing the value of dynamic or multiple checkbox and radio buttons when select or unselected to them.
For better understand I am writing example. Please follow below steps :
Step 1 : Create ind...
Creating Basic Registration Form using JavaScript
This tutorial will help user to create basic "Registration Form" using JavaScript. Here we will learn
creating HTML elements such as form, label, input etc. using JavaScript, setting attributes
for HTML elements, and inserting the elements int...
Swapping Z-Indexes of Entities in Impact JS
Impact JS keeps all entities in an array in the order of their creation. The main problem is that it is also the order of their z indexes. So the entity at the last index of array is at the top of every other entity. But in our games we get some ...
Using Local Storage In HTML5 - Capable Browsers
What is Local Storage in HTML5 ?
The Local Storage is a client side web storage database which is used to store the data in the form of key/value pairs.
Using Local Storage, we can store the data of at least 5MB.
It provides javascript bas...
Allow only numbers to be typed in a textbox
If you have requirement to allow only number in the textbox you can use either of following method. This will allow only numbers i.e. 1,2,3,4,5,6,7,8,9 and 0 all other chars entered will not be accepted.
There are two approach to do it. First...
How to call a function from string in Javascript
Hi,
Generally, there are two methods to call a function from a string.
Using eval.
Using window object.
First solution is using **eval**. It is easy to use but generally real programmers avoid to use this.
Example 1 without arg...
Example to demonstrate UI-Routing in AngularJS
What is UI-Route?
It is a framework which provide routing for AngularJS. It is completely different from ngRoute, in angularjs you can changes your application views based on state of the application and not just the route URL.
With this appr...
Understanding Directives in AngularJS
Directives are the important components of any Angular JS application. Although there are many directives built in angularjs, we often need to create application specific directives i.e. Custom directives. AngularJS directives are extended HTML a...
How to Create and Retrieve Array in Javascript?
If you want to store multiple values in a single variable javaScript arrays are used.
There are few ways to store values in array in javascript which are mentioned below.
First way:
HTML:
<div id="fruitList"></div>
Javasc...
How to develop javascript pagination for web pages
Hello guys,
If you want to develop pagination for web pages using javascript, the below code will help you. So do not worry, just follow bellow mentioned steps todevelop pagination with HTML table.
Step 1:
Write CSS in style tag
<s...
Making use of selectize.js for rich user experience
Ever needed something like tagging in your project if yes then we have the latest and most optimised jQuery based library which helps you in tagging, contact lists, country selectors, and so on.
The goal of this library is to provide with an e...
Regex for website.
Regular expressions(abbreviated regex or regexp) are the sequence of characters to match different set of patterns
,strings or inpu...
How to make simple calculator with the help of Angulor JS
This Script will helpful to make a simple 'addition' 'subtraction' 'multiplication' 'division' calculator with the help of Angular JS.
<!DOCTYPE html >
<html>
<head>
<title>Angulor Calculator</title>
&...
Selecting a radiobutton on selecting a value from dropdownlist
The code below helps to get a particular radio button checked on selecting a particular value from the dropdownlist.
<form>
<div>
<select id="selectvalue" onchange="Checkbox();">
<option value="1...
Things to know in javascript and jQuery
Difference Between this and $(this)?
They both refer to same element. This is used traditional sense but we add $ sign in jquery. When we use $(this), it become a jquery object.
Comparision between bind(), live() and delegate()?
Bind() and liv...
Jquery Animation
Jquery animate() method is used to animate any element in the web page. It allow us to create custom animations.The syntax for this:
$(selector).animate({params},speed,callback);
The parameters of animate() mehod are:
The params parameter de...
Pop and Push Elements in an Array
The examples below will help how one can include or remove new array elements in javascript with the help of unshift/ push/ shift/ pop functions.
unshift() is used to add one or more elements to the starting of the existing array and returns t...
Total of values in multiple textbox.
The code below will help, how one can use selector "class" to sum all the values in different input box in a Form.
<pre><pre>&lt;pre&gt;&amp;lt;script language="javascript"&amp;gt;
fun...
How to Create Tab Bar in phoneGap Onesen UI
Hello All,
The following code below will help you to create Tab Bar in phoneGap Onesen UI.
<ons-tabbar>
<ons-tabbar-item
icon="home"
label="Home"
page="FirstPage.html"
active="true"></ons-tabbar-item...
How to add list dynamically
This is very simple way to add list dynamically using jquery. In this first you have to give Id to select tag then add the script.
<html>
<select id="memoryCategories">
<option>Categories</option>
</select&...
How To show Rating (Angular.js)
How to show Rating Dynamically
If you want to show rating dynamically you can follow the code below. Here phone.rating contains rating and it comes dynamically.
<html>
<div class="rating-block clearfix" funboard-rating rating-va...
Creating CSV from HTML using jQuery
In one of the project, I needed to create the CSV file from the html using jQuery.
To make this possible, I created the below code to convert the html into csv file using jQuery.
<script type="text/javascript" src="jquery.min.js"><...
JScript: Verify if the given text is present in the Putty Console window
Hi All,
Below you can find the code to verify if the given text is present in the Putty Console window. Function require three parameters i.e. Object of putty, the text to verify on console and the position to search for the text( Here the allow...
Dynamic horizontal scroller
Hello All,
The following code will help you to make dynamic horizontal scroller. This means that on adding content or images the width of the container automatically increases using jquery.
If anyone wants to make horizontal scroller which is i...
How to export data to csv using javascript and jquery
Sometimes you face the problem to export the data into csv file using clientside platform. In this case you can use javascript and jquery.
Below is the code to find out the solution:
Javascript Code:
$(document).ready(function () {
...
Handling of HTTP in Angular
<html ng-app="phonecatApp" ng-controller="PhoneListCtrl">
<head>
<script src="lib/angular/angular.js"></script>
<script src="js/controllers.js"></script>
</head>
<body >
<...
auto-fill drop-down options on basis of previous seclection
Following example illustrate filling state (province) drop-down on basis of country.
Drop-down HTML
<select id="countryDropBox">
<option value="">--Select Country--</option>
<option value="1">India</option...
How to install meteor on windows
Meteor is a new javascript framework which is designed to simply the web development and automate the process. The best feature of meteor is real time communication. It acts in real time.
Installation of Meteor on Windows:
Download nod...
Method eq() in jquery
Description:
The eq ( index ) method reduces the set of matched elements to a single element or we can say that
find the element that matches or equals the index provided.
Syntax:
Here is the simple syntax to use this method:
selector.eq ( i...
How To Create A Simple Animation With The Help Of Jquery
Simple Animations With The Help Of Jquery
You can slide elements or any content of HTML and even stop animations in mid-sequence. To slide elements up or down.
$("#Element").slideDown("fast", function() {
// For slide down
...
What Are The Use Of after() and before() Methods In JQuery
**Use Of after() and before() Methods In JQuery**
The jQuery after() method inserts content AFTER the selected HTML elements.
And
The jQuery before() method inserts content BEFORE the selected HTML elements.
**Example**
$("p").after("S...
How to add class or other attribute on first and last child of a element
How to add class or other attribute on first and last child of a element
here is ul have five li and i want to add class on first and last li
<ul id="parentElement">
<li>First</li>
<li>Second</li>
<li>...
Google Instant Places Autocomplete
When you type within the input box, google places autocomplete API helps you find similar places quickly by displaying searches that might be similar to the one you're typing. It provides your applications with the type-ahead-search behavior, the...
Datepicker open on link
Display datepicker on a link. Follow these steps:-
Add jquery files:
1) http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css
2) http://code.jquery.com/jquery-1.10.1.js
3) http://code.jquery.com/ui/1.10.3/jquery-ui.js
Add a jque...
Get current geo location from browser using html5
We can get our current geo location (latitude and Longitude.) from desktop browsers as well using html5 geolocation. We just needs to add script into our html page and it will ask you to share your location. After approve it will return you your ...
Use of Delegate() Method in jQuery
The delegate method can be used in two ways:-
If we have a parent element, and we want to attach an event to each one of its child elements, this delegate() method is used.
Ex: Un-ordered List
Instead of attaching an event to each e...
document ready Vs onload function
Document.ready VS body.onload function
1 - Document.ready function is called as soon as HTML DOM is loaded, where Body.onload function is called when everything gets loaded on the page that includes HTML DOM, images and all associated resour...
A Very Simple & Easy Javascript Form Validation
Here is a simple way to validate user name and password in an HTML form using java script.
<html>
<head>
<title>
Login page
</title>
</head>
<body>
<h1 style="font-family:Arial;text-align="center"...
Check file-size using jQuery without uploading file
A simple code snippet for checking the file-size of a file before uploading it. It will not only help to save time but also network resource as we can implement the file check at the initial point only.
The current code allows the user to sel...
JavaScript Pagination
JavaScript Pagination
Here i am going to describe how we would add JavaScript pagination to the table.
We'll focus on displaying a particular page of data.
$(document).ready(function() {
$('table.paginated').each(function() {
var curre...
Configuring JQuery Not to Conflict with Other Libraries
Configuring JQuery Not to Conflict with Other Libraries
If jQuery is loaded on the same page as another JavaScript library, both libraries may
have implemented the $ variable, which results in only one of those methods working
correctly.
...
refreshing ads images (or other stuff) after certain interval
Let me create an HTML sample for explanation
<input id="totalAds" value="4" type="hidden">
<input id="currentAd" value="2" type="hidden">
<a class="ads ad-1" href="http://www.tourofindia.com" style="display: none;" target=...
How to remove a child element by ID of a parent div
How to remove a child element by ID of a parent div
var element = document.getElementByid("parentDiv").children("#childDiv1");
element.remove();
here parentDiv have a child with id childDiv1
ScrollBar using Jquery
ScrollBar using Jquery
To apply a scrollbar you need to write your html in the div below :-
<div id="outerholder" style="float:left">
<div id="smidscroller" style="overflow:hidden; width:auto; height:500px;">
...
How to give space to a Text input
How to give space after 4 characters to an TextBox input as well as retrict alphabets.
We have a TextBox as :-
<asp:TextBox ID="txtCardNumber" class="cardnumber" runat="server"
onkeyup="GiveSpace(this,4)" MaxLength="...
