Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 
Blog

Featured

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 = {...
prev 1
Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: