Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 

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...
prev 1 3 8
Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: