jQuery - Kvcodes
X

Congrats, You are Subscribed to Receive Updates.

jQuery

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 ...

Simple Popup Div Using jQuery

Simple Popup Div Using jQuery
Simple jQuery Popup Div, which is very easy to create and show it. Let me say few things about the popup, It can be viewed in IE8 As well Also Mobile Responsive Lite Weight Easy to Integrate in any Website Simple Code and Easy Steps Download Available Let’s move to the implementation area. After Closing html tag, you will open <body> tag, Just after that body tag, ...

Simple Smooth Scrolling jQuery, HTML, CSS

Simple Smooth Scrolling jQuery, HTML, CSS
Simple Smooth Scrolling jQuery, HTML, CSS. A small code snippet helps you to  create a scroll to top button on your page. Which helps users to reach top very smoothly and easy animation. Lite weight code in it. Let’s create a floating bottom icon for scroll to top with help of HTML and CSS. Here is your code to create HTML component  just insert it ...

Add or Append or Insert Options to Select Options by using jQuery or JavaScript

Add or Append or Insert Options to Select Options by using jQuery or JavaScript
Add or Append Options to Select Options by using jQuery or JavaScript. Several tutorials available already for adding options to a select options drop down. Anyhow I am just discussing my way of appending or adding an item of option to the existing select options list. JQuery With help of jQuery you can use the following code to add your options dynamically. Append one option ...

jQuery Get Width of an Element

jQuery Get Width of an Element
Introduction jQuery Get Width of an Element. Getting the Width of an element requires to  use it another field. So you need to use it right way to handle and get the size of the div or an element.  With Help of jQuery `width();` function to get an element width. Based on that, you can assign it to another element. Here is a sample code ...

Menu

Sidebar

Subscribe E-mail Updates

Congrats, You are Subscribed to Receive Updates.

Advertisement

Category Posts