X

jQuery

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

Re-arrange the DataTable Columns

Re-arrange the DataTable Columns. DataTable has wide range of supports and customization, you can do a lot with your HTML tables. Let’s try re arranging the columns in DataTable. For the demo purpose, i am going to make an html table and a pre data with help of that we will make the demo working one, <table id="example" class="display" cellspacing="0" width="100%"> </table> <button id="reorder1">Reorder to ...

Make Two div’s Same height Using jQuery and CSS

Make Two div’s Same height Using jQuery and CSS
Make Two div’s Same height Using jQuery and CSS. Some cases we may need to create two divisions with different its content. but it may not be equal with its height due its list of elements. We can set the size as maximum one’s height for the both divisions.  Let’s begin with CSS than more to jQuery. CSS: create two divs like the following one. ...

Cannot reinitialise JQuery DataTable

Cannot reinitialise JQuery DataTable . DataTables warning: table id={id} – Cannot reinitialise DataTable. This is a common error sometimes we couldn’t solve it. There is some reason behind it for the warning. The error occurs when we pass it directly. $('#example').dataTable( { paging: false } ); $('#example').dataTable( { searching: false } ); For some cases it will help you to solve it. $('#example').dataTable( { paging: ...

Refresh a DataTable without Losing Your Current Page

Refresh a DataTable without Losing Your Current Page
Refresh a DataTable without Losing Your Current Page. In jQuery dataTable we may have to work with large volume of data’s through server side processing and handling large datas is not so easy to work through dataTable. When we are doing edit or delete actions to a row of data. We need to refresh or redraw the table to see the changes. On the case, ...

Menu

Sidebar

Subscribe E-mail Updates

Subscribe to our email newsletter.

 

Advertisement

Category Posts