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
Creating Marquee using jquery
Marquee is a text which is seen floating from right to left or left to right , top to bottom or bottom to top depending on the code . Before we can created marquee effect by simply using <marquee> tag of html as this html tag is not support...
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...
jQuery methods to select elements by hierarchy
Selecting elements in a hierarchy is very useful when the HTML is very nested and the unique id or class is not associated with every element. In such a cases, we first select that element that has some unique id or class and then move to the des...
jQuery - Methods to select elements by attributes
There are many times while selecting any element we do not have its class or ID, so in that case we have to take the help of various attributes to select the element. Suppose we have the following HTML
<div>
<a target="ma...
Simple Calculator using Html and jQuery
Simple Calculator using Html and jQuery:
We can create a basic calculator using Html, Css and jQuery. When user will click digits then it will store in either crntStore or btnVal variable. When user will click a arithmetic operation button the...
Changing font-size using jquery
In this tutorial I am going to explain how to change the font size of text content in a paragraph dynamically using jquery. We can change the font-size using jQuery css() function.When page will load font-size will be 14px .When us...
Sbiling in jquery with demo
It returns all the sibling elements of the element that you have selected.
It allows you to go through the siblings of the matched elements in the DOM tree and creates a new jQuery object from the matching elements.
Lets see how it works:
...
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...
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 use jQuery :first Selector?
Hi Reader's,
Welcome to FindNerd, today we are going to discuss how to use jQuery :first Selector?
Basically :first selector is used for selecting the first element and it is always use in a group.
The :first selector&n...
How to use load() method in jquery?
Hi Reader's,
Welcome to FindNerd, today we are going to discuss how to use load() in jquery?
Basically load() method is used for loading data from server and putting return data into selected item,in simple word we can say tha...
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...
Slide Element from Left to Right Position
Hello readers,
This is a quite simple blog that will show how to slide a div from left to right using jquery function. Here I have taken two div one is outer that have some property like it is set to at left position and add the background col...
How to disable previous dates in datepicker using jQuery?
Hi Readers,
Welcome to FindNerd, today we are going to discuss a method to disable previous dates in datepicker using jQuery?
Datepickers is a very important feature of a web application. It is mostly used in any registration form when ...
Disable the control(ctrl key) plus click event for a particular click with demo
There are many cases where we do not want our page to open in another tab while clicking ctrl+click and the anchor tag is producing dynamically.
For that, we can add the following script which will disable the same effect.
$(funct...
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()...
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...
JQuery Slider For Rails
JQuery Slider For Rails
As we know these days in almost all applications there are image sliders which keep rotating and displaying images one by one like a slide show.
To integrate the same functionality there is a gem which we can use to ...
Transition of a div on click event using Jquery with demo
Hello friends,
If you want to make an animation like transition on your multiple views or If you want to slide your view i.e. your DIV element from one to another, you can use the following code.
In this we have all the content in...
custom scrollbar using jQuery UI
A scrollbar is a communication method or gadget in which nonstop content, pictures, or some other substance can be looked in a foreordained heading (up, down, left, or right) on a PC showcase, window, or viewport so that the majority of the subst...
How to rotate a text
As we see in many website some text get rotated and other text come in its place this is known as text rotation. It is a very basic thought where we can display more than one word without taking much space by simply rotating an individual w...
How to use focus() Method Jquery ?
Hi Reader's,
Welcome to FindNerd, today we are going to discuss how to use focus() Method in Jquery.
Basically focus() Method event when an element gets focus with selected by mouse to it.
So we can say that ...
How to use event.data property in jQuery ?
Hi Reader's,
Welcome to FindNerd, in this blog I will guide you to use event.data Property in Jquery.
Basically event.data property is used when the current executing handler is bound. so we can say that it is an optional obje...
How to use appendTo()event in Jquery ?
Hi Reader's,
Welcome to FindNerd, today we are going to discuss how to use appendTo()event in Jquery.
Basically appendto() method is used for inserting specified content of HTML elements at the end of the selected elements.
&nbs...
How to use blur() Method in Jquery ?
Hi Reader's,
Welcome to FindNerd, today we are going to discuss how to use blur() Method in Jquery.
The blur() Method occurs when an element loses focus hence we can say that blur() method is used for attaching a function to ...
How to use bind() Method in Jquery ?
Hi Reader's,
Welcome to FindNerd, today we are going to discuss how to use bind() Method in Jquery.
The bind()methods is one of the most important aspects of dealing with events through jQuery.
Basically,the bind() method affixes ...
How to use append()event in Jquery ?
Hi Reader's,
Welcome to FindNerd, today we are going to discuss how to use append()event in Jquery.
Basically append() method is used for inserting specified content at the end of the selected elements hence we can say that this ...
create element with dynamic id on click event with jquery
If you want to create multiple elements with dynamic id on click of button or an HTML element see below program for reference.
/* The following html/jquery snippet will create multiple input boxes with dynamic id on clicking an individual elem...
Different ways to dynamically add list items at the end of the list using jquery
Whenever we use lists (either Unordered-ul or ordered-<ol>) in html, in most of the cases there comes a need to add dynamic elements at the end of the list. This is achieved using javascript or jquery. Jquery being a fast and commonly...
Animation in jquery
Animation in jquery is used for creative designing and give an amazing view to the user. A wide range of effects is possible using jquery animate function, here I am showing you a simple line of code example that will provide to a text and div, n...
Adding css property using jQuery
Hii All ,
Jquery is a type scripting langauge created by John Resig along with his team in 2006.
It is a client side script programming language.
It is a concise javascript library.
Both javascript and jquery is used for script progra...
jQuery Callback Functions
JavaScript codes are executed line by line. However, the next line of the code can run even though the effect of the first line of code is not finished. This can create errors.
To prevent this errors, we can create a callback function. callbac...
Stylish tool tip display on hover of an element with the help of jquery
How to use stylish tool tip on hover of an element with jquery
To use the jquery basic tool tip you have to first include the following basic jquery file with another two. One will be use for jquery tool tip effect and other for tool tip css...
Autocomplete form feild using PHP and jQuery
As we see in many of the forms in different websited that we just type a letter then the form automatic start guessing the the test or word we want to write in the feild. In this tutorial we will learn how to do autocomplete functionality using a...
Change the form action before submit
How to change the form action before submit on the basis of element/input field click.
The html sample code for form having radio button and submit button :
<form action="" id="myformID">
<input type="radio" name="ch...
5 Useful jQuery Tricks for every Programmer
jQuery is a feature-rich JavaScript library. jQuery makes the things like animation,events handling, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
Here we are sharing some useful jQuery tricks that ca...
Disabling Button click action using jquery and Html
Disabling Button click action and Enabling when checkbox is checked:
We can disable button click action easily using Html and can enable it using jQuery.
Html code to disable a button:
<h1 class="redeem-head">Redeem Portfolio<...
Making a draggable element using jQuery UI
Earlier using javascript code to make an element draggable was very hard and moreover cross-browser version working of code was very difficult.
The following code shows how to make an element draggable inside its parent element by using ...
Display Child Content by clicking parent Element in multiple listing
Hello Friends,
Today I have created a simple example of child element show and hide function in jQuery. Many times I found that we are facing an issue of showing child element of each list by clicking list parent element.
Here in jQuery code,...
Lets create jQuery plugin: part 1
jQuery have been widely used for interactive websites. There are plenty of plugins available built on jquery. We can also create our plugins. In this tutorial we will create a plugin and add few options.
We will create a jquery.myplugin....
How to declare functions in jQuery
1. The basic JavaScript function
The simplest way to declare a function in JavaScript. In below example. we have written a simple function called abcd(x,y) which is simply taking two parameters x and y,.
function abcd(x,y) {
return (x *...
Pass Element ID that Triggers `onclick` Event to the Event Handling Function
When we apply onclick event to an element, sometimes we need to pass ID of that element to the event handling function. We can do this by passing id to function as this.id or we can pass the element itself.
Example: In the below example I&...
Getting current url in jQuery
Sometimes we need to identify which is the current URL of JSP page to perform some functionality. We can do this very easily by adding the below line in you on load function:
$(function(){
var url = window.location.href;
...
How to make only digits validation for textbox using Jquery
Hello Reader's! if you are making the html form in which some textbox you only want as taking the digits only. Then in this blog you can learn how to make this digit type validation. Since now most of the website are providing the frontend ty...
How to disable select box if no option is set using Jquery
Hello Reader's if you have desing the html web form where you want to put the select box dissable if no option is selected.
So let's start with the html form and its code will go like this:-
<form name="sell" id="sell" method="...
Introduction to JCanvas
JCanvas: As we know that canvas is used to draw graphics with the help of javascript. In this there are certain properties to draw a line, circle, box, etc but canvas does not support event handlers.
JCanvas is a javascript library which is...
How to show show the text data from a file into website using ajax
Hello Reader's if you are making the website in which you have to fetch and show the content data from an external file then in this blog you can see how to do it. In web technologies different technologies offers you many ways to do this but...
How to set fomr action on two submit buttons using Jquery
Hello Readers, if you are developing the html form with two or more submit buttons then in this blog you can learn it. On certains conditions a html form should have multiple submit buttons and both should redirect user to their individual ...
Google Maps: How to disable mouse scroll wheel with Google Maps API ?
Diable Google Maps scrolling:
I was facing issue with Google Maps API version 3. On page scroll, google maps scroll should be disabled i.e. I have to disable zooming when you scroll on the map. So this is how I have fixed this issue. Write thi...
jQuery AJAX load()
It is a very simple and powerful ajax method to load the data from the server and display it in the selected element.
$(selector).load(URL,data,callback);
URL parameter specifies the URL you wish to load
data parameter specifies a set ...
