X

jQuery

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

Passing JavaScript Array To PHP Through JQuery $.AJAX

Passing JavaScript Array To PHP Through JQuery $.AJAX. Sometimes you need to process an array of data through php.  But we have the Array in JavaScript. So we need to pass the whole array in a variable.  We have two options. JSON String Direct array Direct Array : This one is simplest method to pass the data’s from JavaScript to php.  Just add the Array ...

Delaying a href Actions Using jQuery

Delaying a href Actions Using jQuery
Delaying a href Actions Using jQuery.Some urgent moment, we need to delaying the a href actions. Here i have the code snippet to delay the actions.  First we need to stop the action by using the “preventDefault”  or Stop Propagation function.  As like the following one. $('a#kvcodes').click(function (e) { // Here mine a href action is triggered e.preventDefault(); // Stop Execution }); Than retrieve the ...

Menu

Sidebar

Subscribe E-mail Updates

Subscribe to our email newsletter.

 

Advertisement

Category Posts