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
jquery function after() and before()
Hello Readers,
We can use .after() and .before() methods for different tasks.
If we want to add any other HTML tag or content after or before define HTML tag, then we can use these jquery methods for the same tasks.
Example: meth...
Add CSS in html tag using jQuery
Hello Readers,
Probably, we need to add css property in HTML tag using jQuery.
Here I am describing different kinds of syntax to adding style property using jQuery
1.) If you want to add single css property using jquery, then you...
What is chaining in jQuery?
Hello Readers,
In jquery chaining is the technique and most poweful feature. It means we chain the one or more methods or events to one selectors or elemnts.
Because of this it short the code level as well as its performance (means it gives...
jQuery add() Method
Hello Readers,
We use add() method to add elements with a existing group of elements or selectors.
Syntax: selector.add(selector)
Parameters
Please find the following description of all the parameters used by this add met...
How to pass a variable in jQuery from PHP
Hello Reader's! If you want to send variables from PHP to jQuery then you have to use the selectors:-
Lets's see the example below:-
This you have to put in the bottom of php page with the selector is "input[type=checkbox]"
$("input[typ...
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>
...
Jquery callback function
Hello Readers,
In jQuery, It is a function which is passed as an argument to another function and it is executed when/after it's parent function has been completed.
Callbacks are some special jQuery function because it patiently wa...
Difference between $document.ready() and $window.load() in jQuery
Hello Readers,
Usually, we use the jQuery in our web project as per the requirement. We start the jQuery syntax as $(document).ready() OR $(window).load() function.
Here I will describe the difference between $(document).ready() and $(w...
How to redirect html page using jQuery ?
Welcome to findnerd, today we are going to discuss How to redirect html page using jQuery ?
In this blog you can see How to redirect html page ?
You can simply use the JavaScript "window.location" property to make a page redirect.
you c...
How to pass variables and data from PHP to JavaScript ?
Welcome to findnerd, today we are going to discuss How to pass variables and data from PHP to JavaScript.
In this blog we demonstrate and describe passing PHP variables containing simple data types to JavaScript.
There are actually several ap...
How to use fadeToggle() Method in jQuery ?
Welcome to FindNerd
Today we are going to discuss fadeToggle() method in jQuery.
Firstly let know what use of fadeToggle() Method ?
In fadeToggle() Method if the elements are faded out, fadeToggle() will fade them in and if the elements...
Check username availability on keypress using jquery
Username or email availability or any other types of availability check we can do in this way. When user type on a text box an ajax request has made and check what if its available or not. we only required jquery.js
HTML
<input type='te...
Upload File using Aajx
Sometime you need to upload the image without refreshing the page , in that case you can upload the image with the help of ajx using FormData Objects .
To achieve this lets create a form in HTML to upload the file.
<div class="control...
How to use Callback Function in jQuery ?
Welcome to FindNerd,
Today we are going to discuss on Callback Function in jQuery.
Firstly let know what is the use of Callback Function ?
This function is executed after the current effect is finished.
In simple way we can say that cal...
How to use stop() method in jQuery ?
Welcome to findnerd, today we are going to discuss on stop() method in jQuery.
Firstly let know what is the use of stop() method ?
So basicaly stop() method is used for stoping animations or effects before it is finished.
syntex of stop(...
How to use slideToggle() Method in jQuery ?
Welcome to findnerd, today we are going to discuss on slideToggle() method in jQuery.
Firstly let know what use of slideToggle() method ?
The jQuery slideToggle() method toggles between the slideDown() and slideUp() methods.
syntex of sl...
How to use prepend() method in jQuery ?
Welcome to findnerd, today we are going to discuss on prepend() method in jQuery.
Firstly let know what use of prepend() method ?
prepend() method is used for inserting at the beginning of the selected elements in jQuery
you can see b...
How to use animate() method in jQuery ?
Welcome to findnerd, today we are going to discuss on prepend() method in jQuery.
Firstlt let know what use of prepend() method
So, basically animate() method is used to creating custom animations.
Syntex of animate() method
$(selector)...
How to use append() method in jQuery ?
Welcome to findnerd, today we are going to discuss on append() method in jQuery.
Firstly let know what use of append() method
Append() method is used for inserting at the end of the selected elements in jQuery
you can see bellow example h...
How to use toggle() method in jQuery ?
Welcome to findnerd, today we are going to discuss on toggle() method in jQuery.
Firstly let know what use of toggle() method
In the toggle() method, you can toggle between the hide() and show() methods in jQuery.
So we can say that toggle()...
How to use hide() and show() methods in jQuery ?
Welcome to findnerd
Today we are going to discuss hide() method and show() method in jQuery
firstly, let start hide() method
hide() method is used for hiding data with HTML elements
Syntex of hide()
$(selector).hide();
And now abou...
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 open another page with button click in jQuery?
Sometimes we need to open another page on button click.
We can do this in tow ways either by using "window.location" or "window.open()".
Example: In the below example I have put conditions on "blur" event for checking whether the input fiel...
How to implement autocomplete feature with AJAX in jsp?
Sometimes wee need to call an API or action to get matching list with the provide keyword in Search box, for this we usually implemente autocomplete feature to input field for searching purpose by doing AJAX call.
Example: In the below example...
Check the broken image link and replace it with alt text in jQuery
Check if image link is broken in page and replace it with the alt text and open the blank page when user click on it
$('img').each(function( ) {
$( this ).error(function(){
var img_path = $(this).attr...
How to check/uncheck checkbox with jQuery?
Sometimes we need to check/unchecked checkbox based on some condition. We can do this easily by using "checked" attribute of a button.
Example:
<input type="checkbox" id="addressCheckBox" class="form-control">
<label>I confir...
How to apply autocomplete feature to textbox with jQuery?
Sometimes we need to implement autocomplete feature to input field for searching purpose. We can do this by using "autocomplete()" with jQuery.
Example: In the below example I have created an array of country names and passed that as source to...
Custom select box
Hello Friends,
If you are looking to create a custom select box, you can use below HTML and CSS code I have provided.
Below an example of custom select box.
HTML -
<div class="wrapper">
<input id="textfield" type="te...
What is a CDN in jquery?
Hello Readers,
CDN is a content delivery network or we also call it as content distribution network, its basically a large distributed system of servers which deployed in multiple data centers across the internet.
Goal of CDN:
Serve co...
jQuery.noConflict in jquery
Hello Readers,
jquery.noConflict is the jquery function (jquery is the client side library) when we use the jquery.noConflict function in jquery it removes the conflict between different jquery libraries like Mootools, Prototype etc. they also...
How to implement validation for empty input field with jQuery?
Whenever we create a form, we always have a requirement to put validation for empty fields on some input fields. We usually implement this functionality by putting checks on "blur" and onFocus events of the input field.
Example: In the below e...
How to apply validation on checkbox with jQuery?
Sometimes we need to check whether a checkbox is checked or not. We can do this easily by using "checked" attribute of a checkbox.
Example: In the below I have created a function validateCheckBox() that checks whether a checkbox is checked or ...
How to upload image using simle Jquery and HTML5
Hello Reader's!
If you are developing the html5 based ajax image uploader then you can look this jquery as the best and easy to use. Lets see how to upload images
1) include two JS file
<script src="jslibs/jquery.js" type="text/javascri...
How to use password strength indicator on slider?
In this example, we used a variable named score to calculate the strength of password. If password contain 6 chars the score increases with 10 points, if it has at least one digit 10 points, has
at least one ASCII symbol (!@#$%^&*) 10, mix...
How to implemente confirm password functionality with jQuery?
At the time of registration or change password we need to provide password, so for this we usually implement Confirm password functionality.
Example: In the below example I want to confirm password on form submit, so for this I have created a ...
How to select option of drop down with Jquery?
Sometimes we need select option of a drop-down dynamically by clicking on a button or on some other action. We can do this by using "selected" property.
Example- In the below example I have a drop-down for distance and I want to select option ...
Draggable and resizable a block using HTML5 and Javascript
If you want your block draggable and resizable, the following code will help you for the same:
HTML:
<section class="map">
<div class="container-fluid">
<div class="this-week panel-group dayListing" id="ac...
How to appned li elements to ul dynamically with jQuery?
Sometimes we need to add li elements to ul dynamically based on some list. We can do this by using append() method.
Example- In the below example I have a list "users" and I want to display user names dynamically on page.
<html>
...
How to show div after some time period with jQuery?
Sometimes we need to display some alert or dive after some period on Web page.
We can do this by using setTimeout method as below:
<html>
<head>
<title>Demo to show div</title>
<script type="...
How to hide a message after some time interval with jQuery?
Whenever we submit a form or do some task, we usually display a success message, but sometimes it is required to hide this message automatically after some time period.
We can do this by two ways:
By using setTimeout method:
...
How to add/remove class to an element on keyup event with jQuery?
We can add or remove a class to an element very easily by using addClass() and removeClass() methods. To do this on keyup event of a textbox we just need call these functions when we bind keyup event to textbox.
Example:
<input id="sear...
How to enable/disable a button with jQuery?
Sometimes we need to enable/disable a button based on some condition. We can do this easily by using "disable" attribute of a button.
Example:
<button type="button" id="voteButton">vote</button>
To disable a button write t...
How to refresh a function after a particular time in jsp?
To refresh a function after a particular time interval to refresh the values on the page.
We can do this by using setInterval() function on page load.
Write the below code where refresh() function will be the function that you want to refresh...
How to focus a text box on button click in jQuery?
Sometimes we need to focus a textbox on button click based on some condition. We can do this by using focus().
Example- Suppose I want to focus search-box on button click if the search-box is empty, then we can do this as below:
<input i...
How to create a basic plugin using jquery
If you want to make a functionality that can be used anywhere in the code. For example, you want some method that can be called on the jquery selection and it can perform number of operations on the selection. For this, you can write a plugin.
...
how to identify location is enable or not on browser with jQuery?
To get the user's current location use the getCurrentPosition() method. This method contains two parameters, first parameter is success for providing locationd and second one is error to handle errors for ex: getCurrentPosition(success,error)
...
How to get browser current timezone with jQuery?
Sometimes we need to identify the clients timezone to make some calculation on time. For example - we want to save current time based on user's timezone into database, so in this case we need to get the user's current timezone.
To do this down...
How to detect if enter key is pressed with jQuery or not?
Sometimes we need to detect where ENTER key is pressed or not to do some action.
The "enter" key is represent by code 13 (ASCII value).
To detect whether ENTER key is pressed on Web-page or inside an input field, we can bind keypress() eve...
How to find the size of a file while uploading in JSP?
Sometimes we need to find the size of a file at the time of uploading to prevent the file that is greater than a particular size. We can achieve this by handling "change" event of a input-file.
Examlpe: Suppose I want to upload a file less tha...
How to find the extension of a file to be uploaded in JSP?
Sometimes we need to find the extension (file-type) of a file at the time of uploading to apply some validation on it. We can do this by handling "change" event of input-file.
Example: In the below example I want to upload the file having exte...
