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
A Concentric Circle Clock Using JavaScript and Canvas
Hello readers, today in my blog I will discuss about canvas . Using canvas I have created a Concentric circle clock.
The HTML <canvas> element is used to draw graphics on a web page using JavaScript.
It basically u...
How to fetch and show records using Angular Js with Mysql
Hi reader's,
If you have done enough work with the technologies like PHP then you can switch to Angular Js. Using Angular Js is quick and fast to compile than PHP. If you want to fetch Mysql records now a days you can perform same task...
keypress, keydown, keyup events in jQuery
Hello readers,
Today we will discuss about keypress, keydown, keyup events in jQuery. These events fires when user pressed any key.
Lets have a look all three events:
keypress: This is a special event and works when any key ...
An Overview of javascript within a form
Hello everyone , Today in my blog with the help of an example i.e cake form I have illustrated the use of array, if and else statement and JavaScript functions .
Basically the form helps in calculating the price of the cake depending...
How to redirect a web page with JavaScript
Hello Readers,
There are many ways to redirect a web page to another web page. We can do this via server redirects and JavaScript redirects. But the question is which method is best and appropriate for redirection as there are many methods avail...
How to show live feeds of facebook page to webpage?
Hello Reader's
If you want to see how to integrate your facebook page to your webpage then this blog will be very helpful to you.
The integration of any facebook page with your webpage will result as the box showing the page activity(...
Polymorphism in JavaScript
Polymorphism is one of the main feature of Object Oriented Programming.Polymorphism in Object-Oriented Programming is the ability to create an object that has more than one form. Polymorphism can be used when there is a hierarchy of classes and t...
Inheritance with JavaScript
Inheritance is one of the fundamental concepts of object-oriented programming. Inheritance enables child classes to inherit the properties and methods of parent class. So basically it allows us to reuse and organize code more effectively.
Unlike...
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...
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...
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 ...
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...
Object-Oriented JavaScript
Objects are used to represent the real world entities in our code like bank account, books, person, etc, by storing all relevant information in one place, i.e, an object. We have two ways to create objects in javascript, i.e., 'Literal notati...
Retrieving the selected text using JavaScript
In the example below, we have a textarea containing some text. When the user selects something using a mouse, we will check what user has selected. For that, we use selectionStart and selectionEnd properties of textarea, and we can get the select...
Understand JavaScript Closures
JavaScript Closure is the inner function that the access to its outer function's variables. Closure has 3-scopes:-
1: It has the access to it's enclosing function.
2: It has the access to the variables withing its own scope.
3: I...
Merging An Array Using JavaScript
Hello reader's, Today in my blog I will discuss about the merging an array using JavaScript.
Basically the term “Merge” means to combine or join two array into a single array.
In JavaScript , for merging ...
multiple angular app in one page
While working in jsp with some parts common in few pages and ran into a problem to attach multiple apps to a single jsp page. After doing lot of search I found this one the best solution. Create a new app and take all other apps as an parameter. ...
Creating objects in JavaScript...
Hey guys in this blog we are going to look at creating objects in JS, having properties and methods attached to them :
var car = new Object();//Creating a brand new object...
//Adding properties to the newly created object ...
car.Wheels =...
Converting a Decimal to a Hexadecimal Value
Hello readers in this blog we will discuss about the conversion of a decimal into a hexadecimal value. In this case if we have a decimal value. we have to find its hexadecimal equivalent, we use the Number object’s toString method :-
S...
Multiple Ways To Concatenate A string using JavaScript
Hello, readers . In today's blog I am trying to give multiple ways to concatenate a string using JavaScript.
Basically the term “Concatenate” means joining two or more strings and returns a new joined string .
&nbs...
Sorting an Array
Hello Readers! In this blog we are going to focus on the sorting method of an array in javascript. We use sort() method to sort the array in Javascript. The possible order in which an array can be sorted can be either in ascending or descending, ...
Converting Strings in a Table to Numbers
Hello reader's in this tutorial we will convert string in a table to a numbers, for doing this we have to access the values in a HTML table and for processing we have to convert into numbers.
Using the Document Object Model (DOM)...
Validating Array Contents
Hello reader's in this tutorial we will validating the array contents. We want that array meets the certain criteria. I am using the array object's method to check every given element.
For example, the following code checks an alphan...
Searching Through an Array in Js
Hello reader's in this tutorial we will find an array by searching. We will search an specific array's value and get the array element index if found.
We are going to use a Array object methods indexOf and lastIndexOf which is in the...
Creating a String from an Array
Hello reader's in this tutorial we are going to create a string from array. We will use array object method to join an array element into a string. The in-built join method will join the array elements into a string.
Syntax:-
...
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...
How to check a valid phone Number by javascript?
Hello readers, in this blog we will discuss how to check a valid phone number in the form. Sometimes you need to add the validation for the phone number which requires a certain format.
We have to access the value which is in the for...
How to get style information for an element with javascript?
Hello readers, in this tutorial we will learn about how to get style information for an element and set element style with one or more CSS.
Whenever you need to get information about style which is inline or via javascript and also n...
An Animated Radial Menu Using CSS & JavaScript
Hello readers, We all have seen various animated Navigation Menus but in my blog I have tried to create An Animated Radial Navigation Menu using JavaScript and CSS3 property.
In my blog , I have made a circular menu list items which ...
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...
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...
A sliding Fullscreen Navigation Menu
Hello, readers . In today's blog I have tried to create A Full Screen Sliding Navigation covering the full screen using Javascript in a direction from left to right.
For creating this I need to make a div with id name as “m...
Creating a Stripped-Down Browser Window
Hello reader's in this tutorial we will discuss how to open a new stripped browser window?, Some time we want to open a web page in a new, stripped-down, fixed-size browser window.
To open a new fixed size window we use window.op...
Self-Executing Anonymous Functions in javascript
As we all know in javascript we mostly use function ,if statement,loop and event handlers.These terms help us organize your code into a cohesive, structurally-sound whole.
Let's take one example of javascript function:
var f...
Finding a Substring in a String
Hello reader's in this blog we will discuss finding the substring in a string. When you want to find out a particular series of character in a string we use indexOf method to find out our character.
The indexOf() method will find out...
Queue Functionality In jQuery animate()
If we want to create custom animation than for this purpose jquery animation is used.
jquery animation method syntax is below:-
Syntax :-
$(part to be selected).animate({parameters},speed,callback);
Queue functionality of ...
How to compare strings conditionally?
Hello reader's in this blog we can discuss about comparison of strings. The strings in javascript are the important component of javascript. When you want to get a numeric values from the web page forms, the values are retrieved as string, wh...
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...
Using href link values inside your select box
In this post, you will learn how to connect select box option with the anchor tag link.
Sometimes you want to change the select box value like an anchor tag with the refresh of page. Lets understand this with an example.
If you have select bo...
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...
Simple way to validate an empty text box on submit
Validating an empty field on submit through JavaScript
As we know in almost all the web applications we have forms which contain text boxes and text fields to input some data and submit it. Sometimes knowingly or unknowingly users can submit t...
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:
...
How to pass a function as a parameter in JavaScript?
In Javascript it is possible to pass a function as an argument to another function just like we pass a normal variable to a function.
Suppose i have a requirement that i want to call 2 functions one after the other and the second function has ...
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 append/add and remove input field in a form with just on a click?
Hi Reader's,
Welcome to FindNerd, today we are going to discuss how to append/add and remove input field in a form with just on a click?
In this blog we will see how to append text input fields in a HTML form using jQuery and proces...
jQuery fadeToggle Method
In many sites we have seen that when we click on some button it will make some div faded, this will happen with the help of fadeOut() method in jquery.
If we want some faded div or hidden div to get show, we can do that by using fadeIn()...
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...
