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
Modal dialog getting closed on submit and without processing form
I have a modal that when opened through ajax displays a form with a submit button. The modal is getting opened successfully but when I am submitting the data in the form the modal disappears without doing the requisite function.
I have tried m...
How To Change Multiple Image On Hover Div And Show Image Dynamically
Jquery for change multiple image on hover div and show image dynamically.
LayerSlider Responsive jQuery Slider Plugin - New Version Released
Welcome to LayerSlider!
LayerSlider is a premium multi-reason movement stage. Sliders, picture exhibitions, slideshows with awe-inspiring impacts, points of arrival, vivified page squares, or even a full site can be made ut...
How to make Autoplay Hidden Div using JQEURY
Hello, I managed to make the div autoplay and show their respective hidden text. But now, how can I made the current play div to be in brown background just like when I manually hover to that div.
Here is the codepen for you guys to see it.
...
JavaScript Validator for String Expression that Allow Arithmetic Expressions
I need a help in writing a validator in javascript or JQuery for a string expression that will allow arithmetic expressions like (),+,-,*,/,min(),max(),avg().
In the string, min(),max(),avg() should allow only two arguments.
Sample string...
How to Run One JavaScript Function After Other Using Delays
First things first, I added the JS to the HTML so I don't have to attach multiple files. Hopefully this helps.
I've been having some trouble running one function that slowly displays a message, waits, then fades out. However,...
How to Fix Javascript Code for Getting Href Content of a Link
I am trying to get the href content of a link that i click on with the class of sessionBtn.
Here is my code:
$('.sessionBtn').on('click', function (e) {
e.preventDefault();
var url_string &nb...
Clone a division and creates a unique id for each created division
I want to clone a division and want that each sub division created should have a different id
How to implement load more dynamic results functionality using jQuery, Ajax Php and Database?
To display or load more results, whether it is commenting on a blog website, like or images on social media or products on eCommerce website the best UX pattern for this is either pagination, a Load more button or infinite scrolling. In this tuto...
Using TouchSwipe plugin in jQuery
If you want to swipe on touch devices like iPad, iPhone, Android device etc there is a jQuery plugin that can be used for this purpose. It can read any single or multiple finger swipes on touch device and mouse 'drags' on the desktop brow...
WebStorage in HTML5
WebStorage in HTML5:
It is an alternative to cookies and it is better than cookies. With the help of localstorage we can store data locally inside user browser. It is more secure as compared to cookies. It can be modified easily using&nb...
How to use HTML5 download attribute
HTML5 provides download attribute that can be used in place of PHP-driven file download scripts. In this article, you will come to know about this new attribute of html5.
One Attribute, Two Functions
download attribute sets a file download na...
How to use jQuery Lazy Load Plugin
In this article you will learn about lazy loading plug-in from jQuery. It first loads your web page then request is sent to load the images of that page.
By using Lazy load plug-in you can decrease time for loading the page and also it can incre...
Attachment Download Feature : Streaming huge(> 1 GB) data string from javascript to JSP
Hi All,
Feature Goal :
To send a huge(sized) string data from javascript side to JSP and download that data as an attachment to user's machine.
Current behavior :
We are sending limited sized data in post body (<= 25M...
webui-popover plugin in jQuery
It is a plugin with jQuery which can be used to show popover . It can work with bootstrap but it can be used without bootstrap. It requires jquery1.7+
It supports browsers IE8+, Chrome, Safari, firefox, Opera.
These are the features of this p...
How to use webui-popover with dynamically generated table (JQuery)
I have a table outputting some results to the screen in tabular form. For each table row, I have a column with an icon (more). What I want to achieve is that for each icon, on click, it shows a pop-over, similar to what Tidal does. But so far, it...
jQuery CDN
CDN is Content Delivery Network which is fundamentally an extensive conveyed arrangement of servers which sent in various server centers over the web. It helps in reducing load time of a page by offering documents at a higher data trans...
Scroll Fixed Header in jQuery
In this article, you will learn how to fix the header all the time while scrolling your website page. There are different jQuery plugin available for this purpose but we will use a simple jQuery based solution to make a header fixed on the top of...
DataTables: Table plug-in for jQuery
DataTables is a jQuery plug-in designed for creating flexible HTML tables.
It has following features:
* It provides Instant search, Pagination and multi-column ordering
* It has Supports for any data source like DOM, Javascript, Ajax and s...
How to add class (active) on specific li on user click with jQuery
Mostly every website contains a navigation menu so it's constantly great to make it so the guests or client on the website knows on which page or part of the website he is on. This can be proficient by including a "dynamic class" or...
Appending and Removing Div using jQuery
Append and Remove Method:
We can use append method to add a div using jQuery and using remove method we can easily delete added div.
Append Syntax:
$(selector).append(content,function(index,html))
Remove Syntax:
$(selector).rem...
Displaying div on radio check using jQuery
Hiding/Showing div on checking radio:
We can easily hide or display a div by checking the radiobox options using jQuery. We can do this by checking radio options attribute and according to attribute we can hide or show a div.
Example:
...
jQuery Effects methods
Hello Readers,
jQuery provides a simple way to apply wonderful effects in your application. jQuery effects methods are very amazing and easy to implement with minimum configuration. So in today's post, we will discuss the jQuery effects me...
Full Calendar Implementation
1- Place the JS files in js directory.
fullcalendar.min.js
jquery.min.js
moment.min.js
2- Place CSS files in CSS folder.
fullcalendar.css
fullcalendar.print.css
3- Paste the bellow javascript code i...
Jcrop image croping
1- Place JS and CSS files under head tag.
jquery.min.js
jquery.Jcrop.js
main.css
demos.css
jquery.Jcrop.css
2- Also copy and paste bellow piece of javascript code under head tag.
<script type="text/javascript"...
Which is faster on DOM manipulator? AngularJS or jQuery?
Hi. I am a fresher and a front-end developer.
I have just started to use AngularJS a while ago. And I find it a very powerful framework. It's all great! I am also used to jQuery like any other developer. I just want to know which works fas...
Dropdown with Multiple checkbox select with jQuery
jQuery multiselect list with checkbox is used for making selection among the choices that user want to select. There are various pulgin used for converting simple dropdown list to multiple select dropdown with checkbox. It cant includes checkbox ...
Select only one element of checkbox at a time using jquery
Many times we need to select only one element at a time in checkbox because mostly in checkbox is used for multiple data selection. This blog illustrate how we can select only one element of checkbox at a time using jquery.
See the below...
Tabbed Content Area with CSS and jQuery
In this blog I build tabbed contents using CSS and jQuery, Tabbed content is a beautiful way of displaying the content in the precise and concise manner. This structure could be possible using the unordered list that act as a tabbed in a row and ...
How to change the background color of even elements in the list?
We can change the background color of the members of the list using filter() function in jQuery.
Note: The filter() function matches each element with the supplied selector and creates a subset of the matching elements.
Let us under...
Chaning accordion icons using JQuery or CSS
In this blog i will explain how to change the accordion icon.
I have used two methods here:
Using Jquery
Using CSS
Here is the boostrap accordion html :
<div class="panel-group" id="accordion" role="tablist" aria-multisele...
jQuery queue() Method
queue() Method:
Queue method is used to display the queue of functions waiting to be get executed on selected html element. In a queue there can be one or more functions waiting to execute on selected html element. We can also manipulate the q...
Different way of writing multiple click functions
jQuery make it possible to interact with user by adding events to the web page, It includes many Events Methods like hide(), bind(), blur(), change(), click() and dbclick(). Here in this blog I just want to create one "click" function t...
Google URL shortener API with Javascript
Hello Readers,
goo.gl service at Google URL shortener API takes long URLs and squeezes them into less characters to make a small link so that can be easily share on social media and email to friends. This API is free with a daily limit o...
Shortened URL with Bitly API and jQuery
Hello Readers,
Bitly API is a way to shrink long URLs so that we can share it on social media. For example on twitter we can't share long URL so it is a very easy way to shorten long URLs. The most important thing is no ser...
How to create Dynamic Content load on click using JQuery?
Hello reader
In this blog! I am going to tell you how to create Dynamic Content Load using jQuery. Generally, we see the content loader on many websites and on some registration form when we click on the next step button after completed the...
Theme Changing Application
Hello Readers! In this blog we will be creating an application through which we can change the theme of a device. For an example we can consider a mobile theme application. In mobile, when we select particular theme the settings changes according...
Learn how to create a comment with word limit using jQuery
Hii,
In this blog, I am going to share an example in which i have created a comment box using few html tags like input box and text area and i have used jquery to set the word limit and to count the number of characters typed.
Go through ...
Accessing JSON object in JavaScript
JSON is used to read data from a web server, also it is used to display the data in a web page. In this blog we will be accessing the values of JSON object with the help of the jquery's getJSON() method. GetJSON() method is used to load the J...
Trigger() method in jQuery
Trigger() method:
It is used to trigger an event for selected element and also trigger default behaviour of an event for the selected html element. It works similar to the triggerHandler() method, but triggerHandler() does not trigger default ...
Jquery .map() method
Jquery .map( callback ) method is used to project the contents that is used in the array and then map this object with the new set of array, It is able to create a new array for calling every elements. It provides function once for each set of an...
Display content on the basis of drop down value selected without using id concept
Hello Reader! Usually, when we are asked to get the contents to be displayed as per the value selected from the drop down we use to get it done with the concept of id. Consider a scenario where the list contains more than 10 items, than generatin...
Adding Effects using queue() Method
Queue() method is used in jQuery to returns a number of animations to be performed on the elements in the jQuery object. This method is used for the continuous looping of a jquery element. It returns the effect which is used in the queue. While q...
Creating Slideable Grid Using JQuery
Hello readers , Today in my blog I have tried to create Slideable Grid with the help of jQuery .
As we all add columns to our web pages either for dividing the data as per the screen size so that the content would not get overlapped ...
Change Event in jQuery
Change Event:
Change event triggers when value of an element changes. It works only for form fields (<input>,<textarea> and <select> elements).
In case of select menu,checkboxes, and radio buttons change event occurs wh...
Jquery Arrays: Creation and Manipulation
jQuery.makeArray() is used to transforms any array like object to JavaScript Array. This function is useful for making an element into a array list. Here in this line of code i used one div for explaining the box, in which the data of LI can be d...
use of one() method in jQuery
one() method:
One() method is used to attach events to selected elements and also used to specify a function when the event occurs. It is similar to on() and bind() method but the events attached using one() method executes only once for each ...
Looping Over Objects using $.each() Method
Hello Readers!
Here I am going to explaining you about the $.each() method used in jquery.
The jquery function $.each() is a traversing method which loops through both arrays and objects. The length property of the arrays as an index is used fo...
jQuery nextAll() Method
The jQuery nextAll() method gives back all next sibling components of the component which we have selected.
By using nextAll() method we can select all the next siblings of the component which we have selected and then w...
is() method in jQuery
is() method:
It is used to filter html elements by checking with selectorElement. It returns true if there is minimum one match from the given selectorElement or some other argument provided.
Syntax:
$(selector).is(selectorElement,func...