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
Countdown timer in Pure JavaScript
Hii,
In this blog, I am going to share few lines of javascript code to create a countdown timer.
Countdown timer is used in many places like
In online shopping sites showing sale ends , starts in time, delive...
Finding index value using AngularJs
Hii,
To learn how to find index value from a given list of array element or to find the index value of filtered data using AngularJs.
Go through examples given below.
Example 1:In this example index value of the day selected from the drop ...
How to check browser has enabled cookies?
Check cookies are enabled or disabled on the browser :
In web applications sometimes we need to save some information on client side, to save data on client side the most popular option is cookies. But the user can enable or disable cookies o...
Progress bar with Gradient effect using jQuery
Progress Bar :- Progress bars demonstrate the fulfillment rate of an operation or procedure. It can be utilized to demonstrate a client that how far along he/she is in a procedure.
Below is the HTML, CSS and Jquery task, which show...
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 ...
Getting width and height of a div with the help of jQuery
If anyone want to get the width and height of a div then he/she can do this with the help of jQuery width() or height() method.
The width() method will find the width of that element which we want to find. It do not take the padding or m...
Ticker Example using Jquery
In this tutorial I am going to tell you how we can transform some explanation and available basic HTML into an attractive news ticker that fluently scrolls its contents. News tickers can be horizontal as well as vertical today I am going to creat...
Chapter 5: jQuery Effects
Hi all,
jQuery offers you easy interface for doing many kind of effects with easy and minimum code configuration.
In this post some of important jQuery methods for visual effects.
hide() and show()
For showing and hiding element(s) is...
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...
Browser History Manipulation
Hello Everyone!!
Javascript can manipulate the browser history with the help of the some inbuilt function.The DOM window object can access the the history with the history function.. It exposes useful methods and properties that let you ...
Custom Multi Select Box
Customizing a multiple select is a very challenging task. The default layout of the multiple select box looks like this:
To make it a drop-down multiple select box we need to create a custom made multi select box.
Here is the html code:...
Build navigation bar using angularJS
Welcome to FindNerd. Today we are going to build navigation bar in angularJS. We are using nodeJS as a back-end framework. As we all knows, we have provided other blogs based on angularJS and nodeJS. You can check these blogs for getting a clear ...
Chapter 4: jQuery Events
Hello Readrs,
We will learn about JQuery event in below.
JQuery event provide you a facility to user interaction with a web page it means that you can code that runs when a user click(s) on a certain part of the page or an element(s).
...
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...
For-in Loop
Hello everyone!!
We are going to learn about for-in loop in javascript. The for (variablename in object) is cross browser technique for iterating the properties of the object which is inside the bracket. Any expression that eva...
Bind() method in jQuery
Bind() method:
Bind method is used to attach events to selected elements and also used to specify a function when the event occurs.
Syntax:
$(selector).bind(event,data,function,map)
Example:
<!DOCTYPE html>
<html>
...
Asp.net MVC: AngularJs Pagination
Asp.net MVC: AngularJs Pagination
AngularJs allow pagination through uib-pagination directive.
Example to demonstrate Asp.net MVC angularjs Pagination.
Asp.net MVC StudentController:
using System.Web.Mvc;
namespace Mvc...
Open Another Modal in Modal bootstrap
Here what I am doing is opening the modal window in which there are two buttons one is close button and other is open other model button. On clicking the other modal window other modal opens up and the previous one fades away. Here i will s...
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...
Asp.net MVC: AngularJs ng-include
Asp.net MVC: AngularJs ng-include
AngularJs ng-include directive allows an HTML page to embed various other HTML pages. In Asp.net MVC AngularJs ng-include allows inclusion of various views(cshtml pages) in a view(cshtml page).
.cshtml page...
clone() method in jQuery
clone() Method:
Clone() method is used to make copy of selected html element including its child nodes, data and properties. It is useful when we need to duplicate html elements in a webpage.
Syntax:
$(selector).clone(true|fa...
How to remove html element with the help of jQuery
It is very easy to remove html elements, we can do this with the help of jQuery . jQuery have two method for doing this one is jQuery remove() method and the other one is jQuery empty() method. Below i am explaining jQuery remove() meth...
Edit and Delete template in tabular data using Angular JS and WEB API
In today's world, we need to display the data in tabular format with edit and delete functionality. For example, in ASP.NET we have Gridview control, which is more simple to achieve this. We have Edit data template and view template in ASP.NE...
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...
Discussion on angularJS controllers
Welcome to FindNerd. Today we are going to discuss angularJS controllers. A controller in angularJS is nothing but a regular javascript object which provides attributes, properties and functions to the angularJS application. In angular applicatio...
Learn how we can repeat html element without using any conditional loop
Hii,
Learn how we can repeat html element without using any conditional loop by using AngularJs.
To repeat html elements using AngularJs we use ng-repeat which is a directive of AngularJs, ng-repeat directive is used to repeat an HTML element.
...
Custom file upload button with preview
By using CSS, HTML and Javascript we are going to customize a file upload button. Here we are going to create a new file upload button with image on clicking that button it will open up the files so the user will upload the particular file that h...
jQuery loop in JSON result from AJAX Success
Hello readers, today i guide you "jQuery loop in JSON result from AJAX Success".
If you are working with JSON and and want to display all JSON value in AJAX Success, you can do this using jquery loop.
Recently I am working on a pr...
Difference between ngBind, ngBindHtm and ngBindTemplate in Angular JS
Difference between ngBind, ngBindHtm and ngBindTemplate in Angular JS
ng-bind
ng-bind binds the value of a variable or expression to an HTML element i.e the content of HTML element is replaced with the value of a variable or expression...
Custom pop-up example
A pop-up is usually a small window that appears in front of the original web page.
It is a graphical user interface(GUI) display area. The pop-up window opens on the single or double click and can be occured in a particular time period.
The...
Learn how to create a slider with animation effects using simple code of jQuery
Hii,
I had shared few example of animation effects using CSS and jQuery,This blog is continuation with my previous blogs on "animation effects" using CSS and jQuery
Learn how to create a slider in html with different animation eff...
Discussion on filters in angularJS
Welcome to FindNerd. Today we are going to discuss one of feature of angularJS that is filters. We will discuss angularJS features one by one so keep reading our blogs. Filters play with data. It transforms the data as well as change the format o...
How to add content at the beginning of the selected element
If we want to add some content at the beginning of our selected html element then we can acquire it by simply using jQuery prepend() method.
The jQuery prepend() method appends the content at the begining of the element which we have been...
SlideToggle using JQuery
Hello Readers
The slide Toggles (slideToggle()) method is use toggle between slideUp() and slideDown() for the selected elements like(div, paragraph, etc..).
This blog post will help you with displaying the navigation menu items in a ...
Attribute selector in jQuery
Attribute selector:
We usually use either Class or ID to find html elements in jQuery but we can also use attribute to find specific elements. Attribute selector is written inside square brackets [attribute].
Some of the common ...
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...
Traversing Descendant elements using jquery methods with examples
There are two main methods which can be used to traverse a DOM while finding the descendants of an element. Using jQuery's below mentioned methods we can traverse the DOM tree to the botom while finding all the descendants.
1-) children()
...
Scope in AngularJS
A Scope is an object and working as a interface between view and controller in angular JS. That means, scope is a javaScript object having some methods and properties which are accessible from both the view & controller.
Accessin...
Discussion on angularJS
Welcome to FindNerd. Today we are going to discuss angularJS. AngularJS is nothing but a javascript framework. It is open-source and managed by the Google. AngularJS works for dynamic web applications and mostly used to develop the single page ap...
Traversing Ancestoral elements using jquery methods with examples
There are three main methods which can be used to traverse a DOM while finding the ancestors of an element.Using jQuery's below mentioned methods we can traverse the DOM tree to the root while finding all the ancestors.
1-) parent()
2-)...
Data Binding, Data Filter and Sorting in Angular JS using WEB API
In today's world, there are lots of client side scripts to make a better user interface. In this article, we are going to bind the data and apply sorting and filtering using AngularJS.
Open your favourite text editor and create directory s...
Adding two columns value using jQuery
We can add the values of two columns and show the result in another column using jQuery easily.
Html code:
<div id="main">
<table>
<tbody>
<tr>
<th>Digit1</th>
<th>Operator</...
Add new content using jQuery append() method
The jQuery append() method is very useful if we want to append some content to our web page by clicking on a particular button, div or any html element .
The jQuery append() method appends the content at the end of the element whi...
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...
How to chain multiple methods in single statement
If we want to run different methods with in single statement than we can achieve it by using jQuery chaining property . With the help of jQuery chaining property we can chain different methods with each other.
JQuery chaining property allows u...
AngularJs Controllers
Hii,
This blog is continuation with my previous blogs on AngularJs,In my previous blog i had discussed about the following:
What is angular js,angularJs directives and expressions.
In this blog i am going to discuss about controllers in angula...
