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
Simple Digital Clock using JavaScript
In this blog, we will learn about how to create a simply animated digital clock with javascript. As we know, browser executes any javascript program at the client side, this means that the script will take the time of the client computer and will...
Storing data in session
Session storage is used when the user wants the same data to be used for a session, that also can be used in multiple windows, without affecting the working of website or mobile app. The data stored in sessions can only be maintained until the us...
Full Calendar Implementation
1- Place the JS files in js directory.
fullcalendar.min.js
jquery.min.js
moment.min.js
2- Place CSS files in CSS folder.
fullcalendar.css
fullcalendar.print.css
3- Paste the bellow javascript code i...
Strings methods and properties in JavaScript
Hello Readers,
In today's post, we will discuss the String methods and properties in JavaScript. These methods and properties make easy to deal with strings.
Now let's have a look at methods and properties:
&n...
jQuery clone method with Id change
Here in this blog I am going to explain about the JQuery CLONE WITH CHANGING ID, for doing this we have to know about the clone() method so this method used for performing a deep copy of the set identical elements, it is useful for moving copies ...
An Overview to Angular JS
Hello readers, Today in my blog I will discuss about Angular JS which is basically a web application framework.
Introduction:-
It is a structural framework for creating dynamic web applications.
The Angular JS is an extended ...
Limit text length using angularJS
Many times we run in a condition that the whole text is taking to much of space, so we need to show data upto certain limit and end it to ...(3 dots).
Usually we write code to check the length of the string and then trimming it, angular ...
Extracting a part of string in JavaScript
Hello Readers,
In today's post we will discuss about the how we can extract the part of a string in JavaScript. These methods make easy to deal with strings.
To extract the part of a string there are three methods wh...
An Overview To Some Useful Terms Used In JavaScript
Hello readers,
InBelow in this blog I will discuss some terms used in JavaScript with their meaning and the context in which they are used.
So here they are :-
Arity :- The term Arity basically means to refer the n...
Some Useful Statements Used In Javascript
Hello readers, Today in my blog I will discuss about some useful statements that are used in JavaScript.
Basically the web developers use statements as it allow us to implement different type of logic in our code.
The va...
How to create Simple Phone Number Picker
Hello readers, Toady in my blog i have tried to create a simple phone number picker using CSS and JavaScript.
While filling many online forms besides names and emails, contact information filed is also essential part to be filled by ...
Strings in JavaScript
Hello Readers,
JavaScript strings are used to store collection of characters or it can be text inside quotes. We can use both single and double quote. Lets talk about the basics of String.
For Example :
va...
JavaScript Math object
Hello Readers,
In today's we will learn about math object of JavaScript. We can use this object as it includes many mathematical methods and perform several tasks on numbers.
Lets have a look on the methods:
random()...
Javascript void operator
The Javascript void operator set the given expression and then returns the output as undefined.
The void operator is employed to amass the undefinable denoting price, typically we tend to use "void(0)" (which is suggests th...
Difference b/w Function Declaration & Function Expression
Hello readers, Today in my blog I would like to discuss about the difference b/w Function Expression and Function Declaration.
The first question that arises in the readers mind would what basically these both terms mean, so he...
Difference b/w onClick() and onSubmit() Event in Javascript
Hello readers , today in my blog I would like to discuss about the difference b/w the onClick and onSubmit Events .
Below is the difference b/w them :-
Below is a example showing the use of onSubmit() :-
<html>
...
JavaScript- Hide broken image icon or set a default image icon when source image is not found
Hello Readers,
When source image is not found then it will show a broken image icon. In today's post we will learn how hide broken image icon when image URL is invalid or not found.
onerror attribute of <img>&n...
Google URL shortener API with Javascript
Hello Readers,
goo.gl service at Google URL shortener API takes long URLs and squeezes them into less characters to make a small link so that can be easily share on social media and email to friends. This API is free with a daily limit o...
Shortened URL with Bitly API and jQuery
Hello Readers,
Bitly API is a way to shrink long URLs so that we can share it on social media. For example on twitter we can't share long URL so it is a very easy way to shorten long URLs. The most important thing is no ser...
Calling JavaScript function from String
Sometimes, you may need to call a method at runtime. If you know the name of the function you can invoke it as a string. You can call a function as a string. You are basically achieving eval of javascript indirectly.
Lets say, there ...
TypeError: variable "x" redeclares argument in javascript
If you redeclared a function parameter in the function block using a var. This is a naming conflict and javascript gives you a warning "TypeError: variable "x" redeclares argument"
This warning occurs in strict mode only. I...
Time validation in 24 hours format using regular expression with javascript
In this blog we will learn to convert the time format as per requirement with the help of the regular expression.
Pattern of regular expression for time in 24-hour format:
1. Pattern 1: ( [01]?[0-9]|2[0-3] ) : [0-5][0-9]...
Captcha Implementation with Javascript
Hello!!
Captcha is stands for "Completely Automated Public Turing test to tell Computers and Humans Apart". It is a test for checking that the response is coming from human. People have tried ...
Creating Slideable Grid Using JQuery
Hello readers , Today in my blog I have tried to create Slideable Grid with the help of jQuery .
As we all add columns to our web pages either for dividing the data as per the screen size so that the content would not get overlapped ...
Introduction to Touch events in JavaScript
Hello!!
We can handle the touch event in the javaScript using touch event listeners. The touch events are similar to the mouse event but in different way, it is more complex than the mouse event because it supports simultaneous touc...
Password validation Using HTML5 and JavaScript Function
Hello Readers
In my previous two blogs, I separately explained about Password Validation using JavaScript and Password Validation using HTML5. In this blog, I will explain you all how to separate form and function, so basically it will h...
An Overview Of Forms Using JQuery with Progress bar
Hello readers , today in my blog I will discuss about creating a form using JQuery along with the use of progress bar .
In this blog , I have simply created 3 forms whose first step includes the form for creating your account that in...
Overview of JavaScript arrow functions
Hello,
Traditional javaScript function has the Method, Non-methods and constructor and have their own this keyword, so it causes the this binding. To overcome this problem coffeeScript provides an Arrow function, Called "javaSc...
An Overview to Single Page Application
Hello readers , Today in my blog I will discuss about the Single Page Application i.e (SPA) .
Introduction :-
It is basically a web application design approach .
It uses all the modern browsers and HTML5 .
It uses AJAX and ...
Password Validation with Regular Expressions using JavaScript
Hey there!
In this blog I’m going to tell you how to validate your username and password and how to match password to confirm password. Lot’s of websites now require registration, meaning that users need to be assigned a username a...
Form Validation: Date and Time using JavaScript
Hey there!
Form Validation is a very important aspect when it comes to filling forms. It helps us to identify if we are entering the correct information or not. This blog post will particularly deal with the form validation of date a...
sessionStorage Object in js
Hello Readers! In this blog we will be saving the data temporarily in the browser. Earlier we use to achieve such task by using the cookies. But now for a change we will be doing this with the help of sessionStorage object. The sessionStorage obj...
Disable Click effect on web page.
Hello everyone,
Today, We will discuss that how to disable click effect on the web page so that we can protect our html.
Using javascript we can disable the click effect on the web page. But this is not most difficult way to protect the HTM...
reset() method in javascript
Reset() method:
It is used to clear all the values entered in a form. This method does not require any parameter and also does not return any value.
Syntax:
formObject.reset()
Example:
<!DOCTYPE html>
<html>
<b...
jQuery next() Method
The jQuery next() method gives back the next sibling components of the component which we have selected.
By using next() method we can select the next siblings of the component which we have selected and then we can use ...
Use of strict mode in javascript
strict mode:
It is used to catch or throw errors when some unsafe actions are taken and use strict directive is used to execute javascript code in strict mode. For example: we cannot use undeclared variable in strict mode.
use strict ...
How to make count down timmer using Javascript?
Hello Reader's, If you want to make a time count-down timer then in this blog we will learn how to make this. A count-down timer is front end clock which shows time in decrement order. This is done by using javascript, So let's get starte...
How to show location image and details inside google marker on map?
Hi reader's, If you are developing website using google map and want to show location image and detail inside the marker then in this we will see how to do this.
Step 1: Create a blank space as an HTML div where the google map will l...
jQuery siblings() method
The jQuery siblings() method gives back all siblings components of the component which we have selected.
By using sibling() method we can select all the siblings of the component which we have selected and then we can use them.
Syntax...
Checkbox validation using javascript
Hello Readers
We all must have filled some or the other type of a form online. A form for subscription, for a job, an application etc. A form may ask general information of you as your address, name dob, mother tongue etc, or your educational ...
eq() filtering in Jquery
It helps in reducing the set matched of elements in a form of the index. It is a zero based indexing. By zero-based indexing we mean that the indexing begins from zero. First, an element is indexed as zero and thus simultaneously indexing goes on...
How to make ajax searching in codeigniter?
Hello Reader's, If you are making searching and want to look it as ajax which show records then this blog is helpful to you. In this blog, we will make it for CodeIgniter framework. Ajax searching will show the matching results from the typed...
How to make visitor counter using ajax and php
Hello Reader's, If you want to get the records of visitors that visits your webpage then in this blog you can learn and build your own. Here we will develop it by using PHP and Ajax.
Page counters are easy to get and install but if you w...
How to finds even table rows using jQuery
If you want to find even number of table rows then it's not a difficult task now, we can do this easily with the help of jQuery :even selector.
The :even selector will choose all those components which have even index i.e 0,2,4,6 etc.
M...
Save drawing as an image using HTML5 Canvas
Save drawing as an image using HTML5 Canvas
Hello friends, today I am going to tell you how to save your drawing as an image using HTML5 canvas. Before starting, let us understand what is canvas. Canvas is used to draw graphics using...
Draw an image using HTML5 Canvas
Draw an image using HTML5 Canvas
Hello friends, today I am going to tell you how to draw an image using HTML5 Canvas. Before moving ahead, first of all let us understand the basic of canvas. The HTML5 canvas is used to draw graphics ...
jQuery Mobile Touch Events
An event is something which triggers when something happens.In jquery we have gone through many of them. In this particular blog we explain about the Touch event. The touch event is triggered when the user taps on an element.
In the following ...
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 ...
How to remove all child nodes from the selected elements?
If you want to remove all the child nodes which contain selected HTML elements then it's not a difficult task now, we can do this easily with the help of jQuery empty() method.
All the child nodes of our selected HTML element will be remov...
