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
How to reset the form using Angular JS
Hello Reader's If you want to reset your html form then the easiest way to do it is by using Angular JS.
Lets see its example as below:-
<div ng-app="myApp" ng-controller="formCtrl">
<form novalidate>
First Name:<br>...
How to sort the real time data from a text box using Angular JS
Hello Readers, If your web page have multiple lists of words and you want to sort them in real time. Then by using Angular js you can do it.
Let's see how it will work.
<!DOCTYPE html>
<html>
<script src="http://ajax.googleap...
How to trigger an event in web page
Hello Reader's If you want to set the trigger to and event on the web page, Then using Javascript will be your best option. In this blog you will see how to set any event with its time in seconds.
Lets consider an example here I'm triggerring ...
How to get user's browser information using JS
Hello Reader's if you need to keep details of user who visits your website. Then you must know about their web browser. By using Javascript you can easily get this information.
Lets see how to get this informations:-
<!DOCTYPE html>
&l...
How to get user screen's height and width using Javascript
Hello Reader's if you are making the user screen compatible website then you must get the screen hight and width of user.
By using Javascript you can easily get it.
Lets see how to get screen size.
<!DOCTYPE html>
<html>
<b...
How to make range validation of textbox using Javascript
Hello Reader's if you are making the validation of text box to set it's max and min range, Then by using javascript you can do it faster.
Lets see the example as below:-
<!DOCTYPE html>
<html>
<body>
<p>Enter a ...
How to get retrun types of variables in JS
Hello Reader's if you want to get the return types of the variables in Javascript then in this blog you will learn about them.
for getting the return type you have to use the type of function in the JavaScript.
Let's see some of the return ty...
while and do while loops in Javascript
Hello Readers if you are confusing in while and do while loop in Javascript then this blog will be helpfull to you.
Lets see both of them working:-
First we will how while loop works:-
while (i < 10) {
text += "The number is " + ...
All date formats in Javascripts
Hello Reader's If your website getting the dates in different different date formats. Then you can see all the date formats that are valid in JS.
Let's see the below date formats in JS.
var d = new Date("2015-03-25");
var d = new Date("2015-...
Shortest way to find the max element of a array
Hello Reader's if you want to get the shortest way to get the max value of the given array, Then by using JS you do it fast.
To find the result you have to use Math.max() function.
Lets's see the working example as given below:-
<!DOCTY...
How to make calculation in Javascript
Hello Reader's If you want to make the mathematic calculations inside the html document, Then by using the JS you can make calculations.
You just have to use the document.write() function.
Lets see it working in the example as below:-
...
How to change the data inside the div dynamicaly via Javascript
Hello Reader's if you are developing the website that convert the real time data into the div, Then by using Javascript you can do it.
Let's see the example as below:-
<!DOCTYPE html>
<html>
<head>
<script>
functio...
How to show current timestamp by single click on page using Javascript
Hello Reader's if you want to show the current timestamp on the web page by just a single click, Then by using JS you can do it.
Lets see the example below:-
<!DOCTYPE html>
<html>
<body>
<h1>My First JavaScript...
Arrays and Objects in Javascript
variables are good and sufficient to hold the single values, But what if we want to store multiple values in a single variable in that case you have to use arrays or objects
Values in arrays are saved index base. Remember that arrays i...
How to find count and last element of array using Javascript
Hello Reader's If you are working on Javascript and want to get the count of array then you can use the syntax as below:-
var car = ["mode1", "model2", "model4", "model5"];
car.length;
output:
4
And if you want to get last elemen...
How to print dates monthly between two given dates
Hello Reader's if you want to make ajax html form that takes two dates from user and print then daily or yearly or monthly then you can my code as below:-
Lets say the html form, the code will go like this.
<div class="form-group clearf...
AngularJS Factory
Hi All,
In this we will discuss about factories in Angular JS, as Factory and Services plays an important role in Angular jS application as they allows us to put reusable code at a single place that can later on used in many other places like ...
async attribute is javascript
Hi All,
In this blog we will discuss about the async attribute is javascript, which is a boolean type of attribute that's either can be true or false and when ever we use this attribute to any script tag, it simply denotes that the available s...
how to show multiple location from database using lat and long in google map?
Hello Reader's ,
Below is the code for showing multiple location .
Just create a HTML file 'index.html' and put the below code inside the body tag.
<script src="http://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascrip...
Slidebar Menu plugin in Jquery
We can create a slidebar menu using jquery slidebar plugin. It is a jQuery plugin that gives a slidebar menu for easily implementing in the web pages.
We have to include slidebars.js in our source files.
Here is an example that shows how to...
QueryString Value in Javascript
Hi All,
Here is quick way to get query string value in javascript:
function getParameterByName(name) {
name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
...
How to set values of select box dynamically using Jquery
Hello Reader's if your building the html 5 based web form and want to set the value of select box via Jquery then you can learn it from code as below:-
First you need to set the value from html page
<input type = "text" id = "txtEmail" v...
Show dates between two dates using Javascript
Hello Reader's if you need to list out the dates between two given dates then you can use the JS code as written below:-
Date.prototype.addDays = function(days) {
var dat = new Date(this.valueOf())
dat.setDate(dat.getDate() + days);
...
jQuery :not() selector
JQuerys :not() selector is used to filter in some cases when we have some selectors. It selects all the elements except the elements that matches the selector.
for example, If we have some checkboxes. When we select any checkbox the backgroun...
Use of Migration library in JQuery
Migrate Library in JQuery
While using Jquery you have seen the error $.browser error.
This error comes often when we try to use a legacy jquery function in new version of jquery file.
The latest version does not support the ol...
Ajax request in YUI
Here is the simple example of YUI ajax with Post and Get method:
POST request:
var callback = {
success: function(o){
alert(o.responseText);
},
fa...
Mobile Number Format in Javascript
Hi All,
We in very common scenario come across a scenario where we want user to just be able to enter Mobile Number Format.
This small code piece will help in validating user to enter only Mobile number format.
$(".Mobilenumbers").keypress...
custom side bar with the help of jquery
Hello Readers
In this article I will guide you how to create custom side bar with the help of jquery.
Here is the HTML
<section id="slideBox" class="open">
<nav id="menu">
<ul>
...
'return false' vs 'e.preventDefault()' In jQuery
When we use jQuery event handler, adding return false works same as adding both e.preventDefault and e.stopPropagation on the jQuery.Event object.
e.preventDefault() will stop the event to occur and return false also prevents that event from p...
Validations in .NET
In .NET we do validations to restrict wrong entries and making valid values to be entered through the forms.
Validation on a form or UI page can be done on two sides
1 Server Side Validation
2 Client Side Validation
Server Side vali...
How to make validation for date and time using Javascript
Hello Reader's! if you want to make the Date time format validation in your form then you can use Javascript to validate.
Let's see the example below:-
your html will be go like this:-
<form method="POST" action="/javascript/validate-...
setInterval() method in JavaScript
In javascript sometime you have to perform task repeatedly, in that case setInterval() method can be handy to use.
Syntax:-
setInterval(function,time_in_milliseconds,param);
setInterval accept time in millisecond,
let try an example:...
How to check/uncheck a checkbox input or radio button?
First of all check if the checkbox is already checked or not.
jQuery('#my-checkbox').is(':checked');
If it is not checked then do it checked.
jQuery('#my-checkbox').attr('checked','checked');
And if it is already checked then make...
How to use HTML5 Local Storage
HTML5 Local Storage(Web Storage) mechanisms provides you the facility to store data much more easy way than cookies. Local storage save the data more secure then cookies, where cookie only can store data up to 5mb, local storage capacity is far l...
Javascript:Prompt Dialog Box
Prompt dialog Box is used to have an input from the users or to get confirmation on any input.
This dialog box is displayed using a method called prompt() which takes two parameters:-
(i) A label which you want to display in the text box. ...
Javascript:Confirmation Dialog Box
Confirmation dialog Box is used to get confirmation on any input. It is mostly used to take user's opinion on any option. It displays a dialog box with two buttons: Cancel and OK.
If the user clicks on the Cancel button, then confirm() returns...
How to create an alert dialog box in javascript
An alert is a type of dialog box supported in javascript and is mostly used to give a warning message to the users.
For example:
If one input field requires to enter some text but the user does not provide any input, then as a part of v...
How to create a responsive menu button
hii.
i am providing html,css and jquery code for creating a responsive menu button.
1.Here's the HTML code:
<body>
<nav class="topnavfirst">
<ul class="clr">
<li>
...
Javascript Carousel
Javascript Carousel
In javascript you can create a slideshow with the help of carousel.So multiple slides can be created making our presentation more attractive and user-friendly.
<div id="carousel-example-generic" class="carousel sli...
Javascript toggle
Javascript toggle
In javascript you can create toggle behaviour wit the help of flexible plugin that utilizes a handful of classes.
The class collapse hides the content,class collapsing is applied during transitions and class collapse.in show...
How to use Array sort() Method in JavaScript ?
sort() method is used for sorting the items of an array.It sorts the values as strings in alphabetical and ascending order.
And sort() method sort alphabetic or numeric.
you can take reference of bellow example.
<!DOCTYPE html>
&l...
How to add and remove a class on click event
hii,
Today i am sharing a blog on How to add and remove a class on click event in javascript.
First of all you need to either download few plugins or just copy and paste the below link inside head tag.
<script src="https://ajax.google...
How to show ads in your website using Google ad sense
Hello readers ,
Following are the steps to guide how you can show ads in your site.
Step 1
First sign in with google ad sense account using below link
https://www.google.com/adsense/start/
Step 2
After sign in with your googl...
How to get the last url using Javascript
Hello Reader's! If you are stuck in a condition where you need to redirect old url. Then the quickest way to get previous url is by Javascript.
By using the document.referrer function.
Let's see the example below:-
<script>
var oldU...
How to change page background on the day time basis using Javascript
Hello Reader's! If you want to change your web background image automatic on the day time basis, i.e. for day it will show pic 1 and in night it will show pic 2 as background.
Lets see the full example below:-
</bo...
how to remove duplicate key values from an array using Javascript
Hello Reader's, If you have an array having the multiple duplicate key values then by using Javascript you can make them skip.
Let's see the example below:-
Lets say an array full of duplicate data.
var axes2=[1,4,5,2,3,1,2,3,4,5,1,...
How show image on click event using Javascript
Hello Reader's If you want to show image on a click event. Then using javascript you can use this in real time.
Let's see the example below:-
<button onclick="add_google_logo();">Add Google Logo</button>
Now the JS will go li...
How to print current date in html div using Javascript
Hello Reader's If you want to show current date in a html div, Then you can genrate it in JS then show back to html. Here is the example below:-
<div id="Console"></div>
Now the script will go like this:-
window.onload = fu...
How to highlight a div using Javascript
Hello Reader's!
If you want to make a html page that based on user activity, As user clicks on div then JS will make that div highlight.
Let's say our div is -
<div tabindex="0">Hello World</div>
Here div with tabindex of...
How to replace multiple strings with another multiple strings
Hello Reader's!
If you want to replace multiple sting with another multiple stings, then you use the JS function as below:-
Lets say a given sentence having strings.
var str = "I have a cat, a dog, and a goat."; //sentence to process
var ...
