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
Different DOM ready types
Here we will learn different types DOM ready functions used in jQuery and javaScript. It's very important to know that when and where should we use them. Here we will explain why one should choose version accordingly. Document ready function ...
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...
Event Driven Asynchronous Callback in Node
To understand the asynchronous callbacks concept in node.js let us see the below code and try to understand what is the concept:
var output = database.query("select * from employee");
console.log("Learning the conept of Event driven asynch...
Sorting list with jQuery
Sorting as we all know refers to the rearrangement of data in some predefined format, it can either be ascending or descending or alphabetically or numerically. This is a small blog on sorting the list data using jquery. Here is a sample co...
Chapter 3: Jquery Selector
Hi All,
In this chapter we will learn about the selectors, Before the selector, we should know about the factory function-
$() factory function -
The factory function is the functions from which the jQuery selector starts and the...
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.
...
Make an HTTP server work by function passing as an anonymous function in Node
Here we will see an example of how we can make our http server work by writing a re-factored code or by using an anonymous function.First let us see an example of re-factored code.
Let us import the http module
var http = require("http"); /...
Javascript Events
Event-
An "event" generate a specific action in the browser. When an event occurs,like click on an HTML element, then a JavaScript can be executed.
A page load, pressing key, window resize are also example of an event. Even...
Manipulating CSS using jQuery addClass() Method
If we want to manipulate css or we want to add some classes to our tags when page load or when we click on the button , we can achieve it by using jQuery addclass() method .
addClass() method add particular classes to the...
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...
Basic introduction to ngStyle and ngClass in Angular2
Hello Readers,
Now a days creating dynamic CSS in web application is very popular. Angular2 provides a way to implement dynamic CSS and CSS classes with template syntax and also provides some built in directives. Here we will have a look on th...
Chapter 2: Basics of jQuery
Hi All, In this chapter we are learn some basics, So here we go
A jQuery statement starts with the dollar sign ($) and ends with a semicolon (;) in the which is in document ready function. $ sign defines the jQuery,
Document Ready -
Al...
Asynchronous Vs Synchronous programming
In this tutorial we will come to know about the difference between the working of synchronous and asynchronous programming. To explain the difference let us take two examples, one for asynchronous and another for synchronous programming.
First...
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 a custom filter in AngularJS?
In AngularJS, Filters are used to format data which is served to the user. Filters are added to expressions by using the pipe(|) character and followed by a filter method. There are a lot of in-built filters available in AngularJS
For ...
ng-controller in AngularJS
Controllers in AngularJS are the JavaScript object that consist of properties and functions. Controller's main objective is to defines the flow of data in the application. In AngularJS we define controller using ng-controller directive. Whene...
Example of non blocking programming in node
Here we will see how the non blocking programming works and how the control goes from one program to another without sequence.
Example for Non-Blocking:
Let us create a text file file_2.txt. Now write some content in the file_2.txt
Let u...
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...
Example of blocking program in node
Here we will learn about callback function in node. Callback functions are called once the given task is completed. Callback functions are used highly in Node. It is also known as blocking. In node.js all APIs support callbacks.
Example: Let u...
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...
Web Security Vulnerabilities
Cross site scripting (XSS)
XSS is sending unfiltered data such as <script> or any other HTML data to the server, when the user needs any resource, the server sends unfiltered data to the client. The attacker may get private data.
Prev...
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...
Difference between ng-model and ng-bind
AngularJS has some built-in directives, and these directives allows us to extend HTML element.
Here we are going to discuss about the two directive that are used for data binding. One is ng-model and second one is ng-bind
Data binding is one of...
Show image thumbnails before Upload
Hellow Reader's ,
In this blog we are going to explain how to show image thumbnail before image upload.In many web application we need to show image thumbnail before uploading.
It will work on every browser which support HTML5 Fil...
How to create server instance in Node.js
Here we will learn how to create a server instance in node.js. First of all we will have to check if the node.js is properly setup in our local machine. Let us create a file with name demo.js and write the below code in the file:
console.log...
How to empty an array in JavaScript
We can empty an arrary in Javascript in many ways.Lets go through each of the them.
For Example we have an array like this:
var myArray = ['a','b','c','d','e','f'];
First method :
myArray = []
Above code will empty the variabl...
Javascript Loop Optimization
JavaScript is a client side programming language, and if JavaScript will take a lot of time for computation. It will not only affect the performance of our application but also can hang the browser.
So here in this particuler blog we will learn ...
Discussion on select and unselect all check box on click.
Hi Reader's,
Welcome to FindNerd,today we are going to discussion on select and unselect all check boxes on a click.
If we want to select all check boxes in your web application, so we have to follow below process:
Firstly we have to m...
Loading simple data with the help of ajax
If we want some part of our website to load but we dont want other part to be loaded for this purpose ajax is used . Ajax stands for Asynchronous JavaScript and XML it helps us to load particular part of the page but not the whole ...
Chapter 1: An Introduction to jQuery
What is jQuery ?
jQuery is a fast JavaScript library with less code which was created by John Resig in 2006. jQuery is very fast and this feature make it one of the most popular language.
It is the most popular browser friendly javascript lib...
Use of Callback Functions in jQuery
We well know that JavaScript code is run line by line but in some cases, the next line of code can be executed before completion of the previous line of code and this cause that its give unexpected result or errors. To fix this type of prob...
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...
What is JQuery noConflict method?
As jQuery do most of the JavaScript libraries use $ as a function or variable name. In jQuery's case, all functionality is available without using $ because it is just an alias for jQuery. In jQuery we can return control of $ back to the othe...
Function Expressions vs Function Declarations
Every function in JavaScript is an object of Function and in JavaScript, there are many different ways of defining Javascript function. Each of them will do approximately the same thing, but has its own pros and cons. Here we are going to explain...
Traverse in jQuery using filtering methods
Traversing in jQuery is basically used to search or select HTML elements or attributes of a web page. During the traversal, we are using filtering methods to manipulate the DOM. Some filtering methods describe as below...
first(): Th...
jQuery not() Method
In jQuery not() method, we set a criteria. Elements that match the criteria are expelled from the selection, and those do not match will be returned.
Below is the syntax of jquery filter method:-
selector....
FlexSlider
FlexSlider is a most popular jQuery responsive slider plugin for image slider. It provides both designers and developers a fast runnable image slider.
Some important features:
It is supported in all major browsers.
...
JavaScript Closures
In Javascript, we have two type of variables
Local variable
Global variable
A local variable can only be used within the function where its is defined whereas a global variable can be used by all the script within the page. What if w...
Filtering methods in jquery
In jQuery there are three most essential filtering techniques used these are first(), last() and eq(), which permit you to choose a particular element in respect of its position when there are more than one element or have group of elements....
Highlighting important information with the help of jquery
Many time we want to show some information in our page to be highlighted, we want some important information to be display with different background color. we can acquire this by simply using jquery filter() method.
In jquery filter method &nb...
Populate greater price in second dropdown list for To Price than selected in From Price dropdownlist
The below code snippet depicts can populate “To Price” in second dropdownlist all greater than “From Price” that we selected in the From Price dropdownlist.
Let us create an HTML file, say selectamount.html
Here we w...
Droppable in jQuery
The Droppable function can be used in JqueryUI to enable dropable functionality on a DOM element. In the example below using drop-able function we can drag an element and drop it to another container.
Example code:
<!doctype html>
...
Populate greater dates in second dropdown list for End Year than selected in Start year dropdownlist
The below code snippet dipicts how we can populate “End Year” in second dropdownlist all greater than “Start Year” that we selected in the Start Year dropdownlist.
Let us create an html file say selectyear.html
Here ...
Interaction in jQuery with Drag-able
The Drag-able function can be used in JqueryUI to enable draggable functionality on a DOM element. Using Drag-able function we can drag the element by clicking on it with the mouse.
Example code:
<html>
<head>
<...
Display multiple locations marker on a google map in web page
Google Map provides a facility to display maps on web page of web application. We used Google map API to show and customize the gmap on our web page.
The GMap API is a kind of JavaScript library. Here we will learn how to implementation and cu...
What is the difference between JavaScript and JQuery?
Hii all, it seems that many want to know what is actually a difference between JavaScript and JQuery. So, here are following differences between these two :-
JavaScript :-
1. JavaScript is a scripting language.
2. In JavaScript, you...
Node.js Promises
As we all know In node.js many times we will use asynchronous callback. There are n number of situation where we want to use nested callback where we want to use one callback result to another asynchronous callback. The best way to do that task i...
Binding syntax in Angular2
Hello Readers,
Data binding is a way where we can specify what user see with the application data values. Application should be easy to read, write i.e it should be user friendly, so data binding is very important part in application.
Angular...
Chaining in jQuery
Chaining is a technique that allows us to run multiple jQuery commands, one after the other, on the same element. Using chaining we can run multiple jquery methods within a single statement.
Chaining makes code short and easy to manage and it im...
