Featured
-
How Regression Testing Detects Integral Errors In Business Processes
Humans are forever changing and evolving and so to
by kristina.rigina -
Get Display Banner Advertising Opportunity on FindNerd Platform
“Do you have a product or service that nee
by manoj.rawat -
Android O Released with Top 7 New Features for App Developers
Android was founded by Andy Rubin, Rich Miner, Nic
by sudhanshu.tripathi -
Top 5 Features That Make Laravel the Best PHP Framework for Development
Laravel is a free open source Web Framework of PHP
by abhishek.tiwari.458 -
Objective C or Swift - Which Technology to Learn for iOS Development?
Swift programming language is completely based on
by siddharth.sindhi
Tags
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...
How to play sounds in your phonegap application
Cordova provides a plugin to play sounds in your mobile application. It can record an audio file and also play back audio file on the device.
Installing the plugin:
cordova plugin add cordova-plugin-media
It has a Media constru...
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...
Show mobile Ad with cordova AdMob plugin
In this post, you will learn how to show mobile ads in your screens. Cordova provides a plugin for google admob. Using this plugin you can show mobile Ad with a line of JavaScript code. It is designed for use in HTML5 based hybrid applications or...
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...
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...
Understanding $emit, $broadcast in AngularJS with example
The services yield by Anjularjs which can be utilized for communication based on event between controllers are $on, $emit, and $broadcast. These are under the publish/subscribe design pattern of angularjs i.e. you can publish an event somewhere a...
How to use statusbar plugin in phonegap
In this post, you will learn to use statusbar plugin of cordova. The StatusBar object can customize Android and iOS statusbar.
Installing the plugin:
You should have cordova 5.0+ to install its stable version by the following command:
...
append( ) property
append( ) property is used to insert a block of elements inside a particular element. It helps in adding block of element during runtime.This property insert's content, specified by the parameter, to the end of each element in the set o...
Events to use with InAppBrowser plugin: Phonegap
In this post, you will see the events that can be used in InAppBrowser plugin.
There are different methods:
addEventListener
removeEventListener
close
show
executeScript
insertCSS
InAppBrowser.addEventListener:
It will add ...
What is ReferenceError: $ is not defined
In this post, you will know the reasons behind having the ReferenceError in your console log. Also we will discuss some common case with examples.
There is a common javascript error like this line: you are trying to access a variable or call a f...
What is typeof and how to use it in Javascript
In this post, we will discuss about typeof operator in javascript. First we should know what is typeof.
What is typeof:
typeof is an operator that is used to identify the type of any object in javascript. It returns a value that is st...
How to check network information in phonegap
If you want to check the network information in your code, here is the plugin that cordova provides to check if the user is online or offline. This plugin gives the information of cellular or wifi connection of the device and it can also check if...
Javascript HTML DOM
In Javascript, we can add, delete or edit any HTML element, attributes, values and their corresponding content. DOM stands for Document Object Model that is used in Javascript to represent complete HTML document displayed in web browser.
We ca...
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...
List of phonegap addEventListener
In phonegap application there are many events that can be used and for these events the application code may add a listeners.
Lets take an example to evaluate this thing:
HTML:
<html>
<head>
<title>Events Ex...
Image into base64 dataurl using javascript with demo
Converting image in base64 data url reduces the count of HTTP request and will increase the performance of the website because the load time to transfer data over the internet is too long and it will save the server request time.
There are man...
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...
How to implement push notification plugin in phonegap
Push notification plugin supports receiving notification in your phonegap application. It can also handle the notifications received. It supports multiple platforms like android, iOS, windows.
Installing the Plugin:
You have to run the foll...
What is MVC architecture in Angular JS
MVC is Model-View-Controller architecture designed for web development. It has three main parts:
In angular the way we organize things is different from the others in javascript.
Model: Model contains all the information that is responsible f...
jQuery checked( ) event
checked( ) property is used in jQuery to manipulate the elements on the checked event of radio buttons, input buttons and select elements. For working on options of select element we should use selected( ) event.
As shown in example below we c...
append( ) and appendTo( ) event in Jquery
append( ) event is used to insert the content at the end of matched set of elements whereas appendTo ( ) event is used to insert matched set of elements at the end of content.Through this we can insert elements at click event, mouse-enter and mou...
Node.js Creating Server With Routes
Node.js is a javascript based platform built in Chrome's javascript V8 engine. Creating web server in Node is easy. Node.js is light weight and fast performance It handle great number of simultaneous request at a same time. Node come with som...
