jQuery |
X

Congrats, You are Subscribed to Receive Updates.

jQuery

Solved: Dropzone is already attached

Solved: Dropzone is already attached
Dropzone autoDiscover false not working and Dropzone already attached error comes when you are working with dropzone. You need to understand the fact of already your dropzone is hooked. We need to destory it before load the new one. Let’s make use of the below code to destroy the already created Dropzones and create a fresh one again. Before that lets write a function to ...

Select2 Ajax Example PHP

Introduction The select2 js is widely used to shortlist and filter the select options. When it goes more than 100 in select option. Its hard to navigate and find the right one.  For that we can go with select2 js  or selectpicker. That’s also handy when the list is less than 1000. Because if you load all the list in DOM. That will slow down ...

DataTable Custom Filter Server Side

DataTable Custom Filter Server Side
Introduction DataTable Custom Filter Server Side helps to create and filter data’s based on your choice. Like some peoples have to filter contents based on certain criteria like Status, Types or Groups. So the custom filter helps to make the things for you. Let’s create a server side processing DataTable and insert a filter as drop down and use it here in our table. Table ...

Morris.js Dynamic Data Example PHP Mysql

Morris.js Dynamic Data Example PHP Mysql
Introduction Morris.js Dynamic Data Example PHP Mysql is a simple article to helps you to create Morris chart and populate data from Server. Let’s start with the normal Area Chart and go with other charts, Usually the  Area chart has more data rather than other charts. So, If I help you to understand with the more data,you can change it to any chart I mean ...

Simple jQuery Preloader with CSS and Image

Simple jQuery Preloader with CSS and Image
Introduction Simple jQuery Preloader with CSS and Image is sample Program which helps to create a preloading animation on your website while taking time to load the necessary files from host. This is widely used to avoid users see the not fully functional website of yours. Demo Let’s make a clear idea and its demo code with it. First of all let’s create a html ...

DataTables Checkbox Select all

DataTables Checkbox Select all
Introduction DataTables Checkbox Select all to select your checkboxes. This is a needy feature for playing with large data rows and want to make changes in several rows. With  the below code you can select all the check boxes from the top checkbox. HTML Table The blow HTML table is an example for our testing. our Data’s are from serverside. So we just use <thead> . ...

Check If HTML Element Exists jQuery

Check If HTML Element Exists jQuery
Introduction How to Check If HTML Element Exists jQuery or HTML element does not Exist. There are several doubts and clarifications in between these two things, whether a html element exist or another case is, if it does not exist. There is a small thing in between both depending on the needs you may require to check and use it appropriately.  Let’s See each one and ...

jQuery Color Scheme Changer

jQuery Color Scheme Changer
Introduction jQuery Color Scheme Changer is a small piece of code helps you to change the color schemes on click. This is so simple to apply it on real-time HTML sites. 1. Create multiple css files by color style/colors/default.css style/colors/green.css style/colors/red.css style/colors/pink.css 2.A link to css with an id like color-switcher  and it will help us to apply color scheme stylesheet changes. <link rel="stylesheet" type="text/css" href="style/colors/default.css" ...

jQuery Simple Sticky Header on Scroll

jQuery Simple Sticky Header on Scroll
Introduction Nowadays, many jQuery plugins came out with many features. But when requiring all for your website.It will increase page load time and makes your site slow. I Recommend you to go with simple and custom Codes for better functionality and SEO purpose. jQuery Simple Sticky Header on Scroll is a simple tutorial to explain that you can make a simple sticky on your html ...

Bootstrap Toggle Inside jQuery DataTable

Bootstrap Toggle Inside jQuery DataTable
Introduction Creating custom Bootstrap Toggle Inside jQuery DataTable is not much complicated. You have to trigger the Toggle after rendering the DataTable. Let me show you with some sample codes. Bootstrap toggles usually helpful to apply the changes like status. But in the interactive websites you need to provide an option to change status in real-time like with toggle or switch. Bootstrap Toggle: We will start ...

Menu

Sidebar