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
Javascript Math Object
This object is used to perform mathematical tasks. It has various mathmatical methods. Using this object we can also create the random numbers.
1)Math.random()
Example :
<html>
<body>
<p>Math.random() returns a random n...
Jquery draggable
Hello Readers ,
While building a web application , several times we need a box or a div which can be draggable so below is the code for explaining that .
Example :
<!DOCTYPE html>
<head>
<link href="http://code.jqu...
Jquery serialize function.
Hello Readers ,
jQuery serialize() method is used to create a text string in standard URL-encoded notation.
It is used in form controls like input, textarea, select etc.
It serializes the form values in such a way
so that its serialize...
How to use addClass() in jquery
The addclass() method is used to add one or more class name to the selected element.
This method is used only to add one or more class names to the class attributes not to remove the existing class attributes.
Syntax :
$(selector).addCla...
Modify or change the URL without reloading the page using javascript
Hello Guys
Here, We can update address bar with new URL without hash or reloading the page by using javascript.
Following examples help you to better understanding :
function processAjaxData(response, urlPath){
document.getElem...
Jquery append()
The jQuery append() method is used to insert specified content at the end of the selected elements in the jQuery collection.
Syntax :
$(selector).append(content, function(index, html))
Example :
<!DOCTYPE html>
<html&g...
How to use jquery attr()
The jQuery attr() method is used to set or return attributes and values of the selected elements.
Syntax :
$(selector).attr(attribute)
Example:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax....
What is the different between onclick and click
on('click', function() use less memory then .click(function() and it works on dynamically added elements.If we are using on('click', function() then we can remove this handler by using off('click', function(). The main advantage of on click is th...
How to select first child of an element
In some cases we need to add or remove an attribute to an element and we have only his parent ID then we can get the child element by using parent ID. For example I have a UL element which have many <li> and each <li> has an anchor ta...
What is Jquery last() method ?
Hello Readers,
last() is the jquery method which is used to select or returns the last element of the selected elements or the matched elements in jquery.
Syntax :
$(selector).last()
In the above syntax there is no parameter inside ...
What is Jquery innerWidth() method ?
Hello Readers,
innerWidth() is the jquery method and it is same as innerHeight() method in jquery but the difference is that it is used to get or computed the innerWidth of the jquery matched element, this method including padding of the eleme...
How to show google map on web application.
Hello Readers ,
Below are the simple steps to follow to show the google map.
Add the Goggle API
<!DOCTYPE html>
<html>
<script src="https://maps.googleapis.com/maps/api/js"></script>
<body>
<h1>M...
How to use after() method in JQuery?
after():
In JQuery, after() method is used to insert the data or content at the end as sibling of the element specify by the parameter.
Syntax:
$(selector).after(content,function(index,html))
Here, we have passed two parameters in...
How to use append() method in JQuery?
append():
In JQuery, append() method is used to insert the data or content at the end of the element as child element specify by the parameter.
Syntax:
$(selector).append(content,function(index,html))
Here, we have passed two para...
What is jquery is() method?
Hello Readers,
is() is the jquery method which is used to checks or matches the selector to selectorElement. It returns a boolean value indicating true or false.
Syntax :
$(selector).is(selectorElement,function(index,element))
Para...
What is Jquery innerHeight method ?
Hello Readers,
innerHeight() is the jquery method which is used get or computed the innerHeight of the jquery matched element, this method including padding while computing innerHeight of the element but not consider the border and margin of t...
$(this) vs this in jquery
this refers to the current element while $(this) is the jQuery object which is constructed with that element . Using $(this) we can enable jquery functionalities while if we use this it has only generic javascript functionalities. When we nee...
jquery redirect
Javascript and jquery redirection is a client side redirection. Redirection means taking a user from one location to another location i.e page. Here are several methods available in jquery and javascript for page redirection such as
replac...
Difference betweeen prop and attr in jquery
The attr() is a method which either returns or set selected elements values and attributes An attribute value must be a string whereas a property can be of any type. prop() methods gets the property value for the first element in the given mat...
AngularJS Dependency Injection
Dependency Injection (DI):- It is a software design pattern and its main motive is to see how components get its dependencies
Injector subsystem in AngularJS is liable for creating components, dependencies resolving and also providing othe...
Bootstrapping process in AngularJS
Hi Readers,
Today, I will be discussing about the "Bootstrapping" in AngularJS. AngularJS is a JavaScript framework. Everyone knows that we have dependency injection in AngularJS but at what time does dependency injection actually gets exe...
AngularJS Basic, Value, Service, Factory & Provider Example and description
Hi Readers,
I recently got my attention to new JavaScript framework that is AngularJS. I read lots of articles about it but I usually do not understand anything just by reading about it. I am more about the practical person and can not actuall...
How to remove ckeditor instance?
When we use CKEditor for a text area it creates an instance of an editor for this text area. But in some case, if we remove this element the instance of CKEditor not removed and it show on our browser, so for removing it completely we use
&l...
How to declare Array variables
Hello Reader's. Array is a datastructure used to storing multiple elements inside it. But the declaring way to array is different in all the technologies.
For example if you want to declare array in JavaScript then you can use any one out of t...
How to do calculate area in website using Angular JS
Hello Reader's if you want to calculate the area of rectangle in your website. Then you have to choose Angular JS. Doing calculations in angular occur zero time delay. Lets see on example.
In the example below page have two text boxes for enteri...
How to hit MySql queries by using Angular JS
Hello Readers If you want to hit the MySql queries from another page by your current page, The by using Angular js you can do this. Also angular js will offers you to show your records in a pre formated desing.
Let's see the example as below:-
...
How to upload files using Angular JS
Hello Readers if you want to upload files (images or music) then now Angular JS offers you a way lot more esier. Using angular give user a light and fast interface which is very useful for low internet speed connections.
Lets see the working e...
toString() method of JavaScript Array
JavaScript Array toString() method : The toString() method is used to cast the array object into a string object and return that string. The elements in the string is separated by comma.
Syntax of Array toString() method :
array.toStri...
sort() method of JavaScript Array
JavaScript Array sort() method : The sort() method is used to sort the elements of the array. By default sort() method sorts the elements in alphabetically ascending order. But in case of array contains the numeric values as a string then it will...
token-input Drop Down Overlapping issue in Popup
"Token-input" plugin has an issue with it. That is the drop down <div> which is added dynamically to the body it do not work properly if the input box on which tokenInput is bind to is in the popup. As the drop down is created some where ou...
How to use Event binding on dynamically created elements in JQuery
Hello Guys
In JQuery, Events trigger a JQuery function to an event handler for the selected elements in the Html page.
Currently we are using jQuery 1.7, So you should use jQuery.function.on() as below :
$(staticAncestors).on(eventName,...
What is jquery hasClass() method ?
Hello Readers,
hasClass() is the jquery method which is used to check the any classname of the selected elements. If we find the name of the class of the selected element it return true else return false.
Syntax :
$(selector).hasClass(cl...
What is jquery has() method ?
Hello Readers,
has() is the jquery method which is used to return the new jquery elements or objects that have one or more elements inside of a subset of the matched elements or matches the given selector in jquery.
Syntax :
$(selector)....
Ckeditor in Android and Iphone
Hi All,
Recently I faced a problem with the Ckeditor not working on the Android and iPhone. After a great R&D I came to know there is an issue with the Ckeeditor and due to some security issue it has disabled its functionality from working...
Multiple Highcharts on a single webpage
Hi All,
In my latest project I needed to implement multiple Highcharts on a single webpage and to accomplish that I used the following approach.
The main objective of this blog is to cover three things:-
Multiple Highcharts on a single ...
How to locate user postion using HTML5 Geolocation
You can easily locate user position using Geolocation API. It is used to get the geographical position of user. However it is much more accurate for devices like iphone with GPS. We can find the user position by using etCurrentPosition() method...
Jquery .is() method
Hello Readers,
In this blog we will discuss how to use the jQuery .is() method. Jquery .is() method is an important filtering method used generally in callback functions like event handlers.
If there no element fits, or the selector...
jquery event.target
Hello Readers,
Definition: The DOM(Document Object Model) element that initiated the event.
It is often useful to compare event.target to this in order to determine if the event is being handled due to event bubbling.
The target pr...
Jquery difference between .append() and .appendTo() method
Hello Readers,
If we want to insert any element or content within define particular element using jQuery, then we can use jQuery .append() or .appendTo() method.
jQuery .append() and .appendTo() both methods are doing the similar ta...
What is mouse enter event in Jquery
Hello Friends,
Here I am discussing about mouse enter event in jquery. Mouseenter can call a specific action when your mouse cursor enter in a specific html entity like button,specific div id, class etc.
In the below example we are hiding sp...
Jquery difference between .append() and .after() method
Hello Readers,
Often, we see that jQuery .append() method and jQuery .after() method work similarly, but there is a little bit difference between these methods.
Here we will discuss about functionality of following functions and it ...
jQuery .append() and .prepend() method
Hello Readers,
Here we will discuss about jquery .append() and .prepend() methods.
jQuery .apend method: jQuery .append() method insert any content or data inside in sentence at the last index. In other word .append() method puts ...
How to make iconic hower on link using Javascript
Hello Reader if you want to make the nice and iconic hower on link then you can use Javascript as below:-
<!DOCTYPE html>
<html lang="en">
<body>
<div class="container">
<h3>Tooltip Example</h3>
...
How to show max words left to insert into text area
Hello Reader's if you are making the html5 validation to set the max words inside the html form, Then by using Angular JS NG-Model you can easily make it.
Lets's see how to do it as in the example below:-
<!DOCTYPE html>
<html>
...
How to hide/show the html using Angular JS
Hello Reader's if you want your webpage to show or hide the html form with just a single click then choosing Angular will be the best way.
Lets see how to get it working in the example as below:-
<!DOCTYPE html>
<html>
<scrip...
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 make ajax hit in Angular JS
Hello Reader's if you want to get data from another webpage then you have to make ajax hit. Angular JS also provide you to get your data and redesign it into it's script.
Then you can generate the design itself. Let's see it's working example a...
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...
Best way to show Angular JS on browser
Hello Reader's if you want to learn Angular JS then this blog is the best to understand it.
Here I'll create a script written in Angular that will reprint the charracter which are typed in text box.
<!DOCTYPE html>
<html>
<sc...
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 ...
