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

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...
1 3 10
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: