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
Learn how to create a comment with word limit using jQuery
Hii,
In this blog, I am going to share an example in which i have created a comment box using few html tags like input box and text area and i have used jquery to set the word limit and to count the number of characters typed.
Go through ...
How web application is developed in AngularJs using MVC Architecture
Hii,
This blog is in continuation with my previous blog on AngularJs, In this blog i am going to discuss about the most popular concept (MVC) on the basis of which an AngularJs application is developed.
MVC stands for Model View Controller...
Use Angularjs Expression to resolve expressions
Hii,
This blog is in continuation with my previous blogs on AngularJs, In this blog i am sharing a simple example in which i have used few AngularJs directives like ng-app, ng-init, ng-model and an AngularJs expression.
1)ng-app directive...
Dynamic and static data generated using angularjs
Hii,
This blog is in continuation with my previous blogs on AngularJs, In this blog i am sharing a simple example in which i have used few angularjs directives like ng-app, ng-init, ng-bind, ng-model.
1)ng-app directive is used to initial...
Learn how to create an accordion using AngularJs
Hii,
In this blog i am going to discuss about accordions i.e is a web control used while creating menus, content-rich pages.
Main idea behind using this user interface accordian is to collapse content and make it expanded when hovered or c...
Different jquery methods used to calculate dimensions
Hii,
In this blog i am going to share the definition and difference between different methods of jquery used to calculate dimensions.
Following are the six different jquery methods used to calculate dimensions as per ...
Countdown timer in Pure JavaScript
Hii,
In this blog, I am going to share few lines of javascript code to create a countdown timer.
Countdown timer is used in many places like
In online shopping sites showing sale ends , starts in time, delive...
Finding index value using AngularJs
Hii,
To learn how to find index value from a given list of array element or to find the index value of filtered data using AngularJs.
Go through examples given below.
Example 1:In this example index value of the day selected from the drop ...
Learn how to copy text and paste to clipboard using javascript
Hii,
To learn how we can copy text and paste to clipboard using very simple few lines of javascript code,Go through the given example below
In this example execCommand() plays an important role in the following way:
Step 1: I have a html tag...
Create color picker using javascript without using any external link/library/plugin
Hii,
In this blog i am sharing an example of creating a color picker using javascript without using any external link/library/plugin.
There are many browser's addons tools and online tools available using which we can choose ...
Learn how we can repeat html element without using any conditional loop
Hii,
Learn how we can repeat html element without using any conditional loop by using AngularJs.
To repeat html elements using AngularJs we use ng-repeat which is a directive of AngularJs, ng-repeat directive is used to repeat an HTML element.
...
Learn how to create a slider with animation effects using simple code of jQuery
Hii,
I had shared few example of animation effects using CSS and jQuery,This blog is continuation with my previous blogs on "animation effects" using CSS and jQuery
Learn how to create a slider in html with different animation eff...
AngularJs Controllers
Hii,
This blog is continuation with my previous blogs on AngularJs,In my previous blog i had discussed about the following:
What is angular js,angularJs directives and expressions.
In this blog i am going to discuss about controllers in angula...
Start an infinite animation effect on page load using jQuery
Hii,
When we talk about adding animation effect in our web page then css is one the best option we use along with any of the programming laungage such as javascript,jQuery etc to give dynamic animation effects.
Using animation effect in a...
How to check password strength in your form using jQuery
Hii,
In this blog, I am sharing jQuery code by which you can set validation i.e check password strength in your form. By adding this option in your form, You can enhance the security level of form by adding validation for the password.
...
Create draggable objects using javascript
Hii,
In this blog i am sharing a simple javascript code for creating draggable objects using mouse event.
This code can be used when you want to add animation effect in your static html document and make it more attractive.
You ca...
How to change the value of css property
Hii,
This is an intresting features of angularJs you can use when you want to change the value of CSS properties dynamically.
Using this feature we can change many value of css properties like background color,text color,border-color,f...
How to create an angularJs application
Hii,
AngularJS is used to make web apps in a simple way which can be easily maintained, In this blog i am going to share a simple example by which you will learn how to create an AngularJS Applications.
Before you go through an example,yo...
How to use Ternary Operator in AngularJS Expressions?
Hii,
Use of Ternary Operator in AngularJs is one of the great feature which provides an alternative to conditions such as if, else and end if.
Using this feature you can easily use JavaScript functionalities in...
AngularJs Expressions
Hii,
This blog is in continuation with my previous blog on directives in angularJs, in this blog, I will discuss expressions in angularJs.
In angularJs "Expression" are used to bind data to HTML.
E...
AngularJs Directives
Hii,
This blog is in continuation with my previous introductory blog on angularJs, in this blog I will discuss about directives in angularJs.
Directives:
In angularJs "Directives" are used to extend the functionality...
Introductory blog: Angularjs
Hello Readers,
HTML is the best way of creating static documents, but when we want to create dynamic views in web-applications then we use javascript which is a client side scripting language, AngularJS is a framework o...
Difference between size() and length in Javascript
In jQuery size() and length property are the two features, which have the same property of returning the number of elements in a jQuery object which creates a lot of confusion for developers.
This blog is to help developers to understand the d...
Sbiling in jquery with demo
It returns all the sibling elements of the element that you have selected.
It allows you to go through the siblings of the matched elements in the DOM tree and creates a new jQuery object from the matching elements.
Lets see how it works:
...
Difference between event.stopPropagation(), event.preventDefault() and return false
We have many times have listen about event bubbling in javascript which propogate an event from child element to parent element.
So, to avoid such event bubbling in our page we use event.stopPropogation or return false. Also there is a new thi...
Event bubbling and capturing in javascript
There are two ways of event propagation in HTML DOM, when an event occur in an element with an element:
1. Event bubbling
2. Event capturing
1. Event bubbling : There are many times when we want to handle two or more event handlers at differ...
Difference between Graphics tags Canvas and svg tags
HTML5 has tags for graphics like:
1. Canvas
2. SVG
There are certain differences between the two:
1. SVG is resolution independent while canvas is resolution dependent.
2. SVG supports event handlers while canvas doesnot support event hand...
How to get the first class from multiple class of an element using js with demo
There are certain cases when, we want to get the class of a particular element from multiple classes in that element, you can use the following code:
HTML:
<div id="gettingClass" class="firstClass secondClass">Click o the following ...
Difference between window.onload and document ready
There are some minor difference between the two but it can effect with lots of confusion between to many of us.
window.load - It is fired when everything on the page is loaded. By everything I mean that when the DOM is loaded, when all t...
How to increase and decrease the date by one on click using js?
If the user wants to increase or decrease the date by one, on click of a button, he can easily do this by using the following code.
HTML:
Date: <input type="text" class="dateone" id="datepicker">
<input type="button" onclic...
Onkeypress Enter focus Input field
Hii,
In this blog I am going to share a javascript code using which we can create a form in which user can fill data without using mouse to move from one input field to another.
You will see that on keypress enter focus will move to next inpu...
Disable the control(ctrl key) plus click event for a particular click with demo
There are many cases where we do not want our page to open in another tab while clicking ctrl+click and the anchor tag is producing dynamically.
For that, we can add the following script which will disable the same effect.
$(funct...
How to check if the scroller reached at the bottom of the page with demo?
There are many techniques through which we can place an event when the scroller reaches the bottom of the page.
If the user wants to play an event when he reach the bottom of the page, he can do the same with the help of the example below:
...
Scope in javascript
Hii,
In this blog i am going to discuss about scope in Javascript and how we can use it.
Being a JavaScript developer one should have proper knowledge about JavaScript scope.
JavaScript scope specifies objects,function and set of variabl...
How to add a video as background of your website
Hii,
While designing a web page our main motto is to design the web page beautiful and attractive with the help of CSS.
Here is one more option i.e to add a video in the background of a webpage to make it more attractive and beautiful.
Addin...
File validation using javascript
Hii,
File Validator is a function used when we want to restrict the type of file uploaded.
Using File validator we can easily get file Info for each file uploaded.
If uploaded file is not as per the required format a validator func...
Objects in javascript
Hii,
In this blog i am going to discuss about objects in Javascript and how we can use it.
While writing client side scripting language i.e Javascript we use concept of OOPs(object oriented programming languages) which helps us to use propertie...
Transition of a div on click event using Jquery with demo
Hello friends,
If you want to make an animation like transition on your multiple views or If you want to slide your view i.e. your DIV element from one to another, you can use the following code.
In this we have all the content in...
How to restrict a list of domain name in Email validation using JS with demo
If you want to validate your email field with a list of domain name and normal email validation, then we can do that with the help of following code:
HTML:
<div class="form">
<input id="emailAdd" type="text" onkeyup="emailVal()...
javascript:How to remove element of an array
Hii,
This post is in the continuation with my previous post in which i had discussed about inserting mutliple values in an array using different method as per requirements and in this post i will discuss about removing elemen...
Manual and Automatic bootstrapping in AngularJS
In Javascript framework like AngularJS there is a bootstrapping process involved and there are certain flow that is involved in it.
There are two types bootstrapping involved in AngularJS:
Automatic bootstrapping
Manual Bootstrapping
...
javascript:How to insert values in an array
hii,
We can insert mutliple value in an array using different method as per requirements.
Here is the list of method we can use to insert values in an array.
Array fill() Method :fill() method is used when we want to fills eithe...
Adding css property using jQuery
Hii All ,
Jquery is a type scripting langauge created by John Resig along with his team in 2006.
It is a client side script programming language.
It is a concise javascript library.
Both javascript and jquery is used for script progra...
Introduction to JCanvas
JCanvas: As we know that canvas is used to draw graphics with the help of javascript. In this there are certain properties to draw a line, circle, box, etc but canvas does not support event handlers.
JCanvas is a javascript library which is...
How to disable back button of the browser using javascrpt
There are many cases where we have to disable the back button of the browser.
Here, the following code will help you to make your back button disable.
HTML:
<body onload="disableBackOnLoad(); ">
Now the back button is disabled
...
How to add, remove and check the class using angularJS
We can add, remove or check classes through our angular code:
The following is the syntax for adding a class and the corresponding CSS related to that class:
HTML:
<div ng-app="addRemove" ng-controller="myCtrl"&g...
How to populate options in select in angularjs with example
The dynamically generated option in the select box with angularjs is done with the following code :
We can populate the options inside the select box and on selecting any value from the select box it reflect to some event. It will sh...
$watch() , $digest() and $apply() in AngularJS
There is an important concept of angularjs $scope function like:
$watch
$digest
$apply
As to understand angularjs more better we have to go throught the central function in angularjs.
Lets discuss them one by one:
...
Javascript:Exchanging data between a document in an iframe and a parent document.
Hii,
I am providing a very simple javascript code by which we can access variables and invoke functions in the parent document and vice-versa.
Please go through the given example below and understand the concept.I hope it will be...
Objects in javascripts
Lets understand "Objects" in javascript.
Object: It is a collection of property and each property is associated with name value pair. The object can contain any data type.
Lets understand this with the help of an example:
var demoObj = {...
