Autosize is a small jQuery plugin that allow textarea autosize making height dynamically so that it expands as based on visitor input. You can implement textarea autosize by calling the .autosize() method on any textarea element. Example of textarea autosize: $(‘textarea’).autosize(); For implementation autosize in your website you need to follow below steps: Include jQuery […]
Using jsPDF library, you can download the div containing graphs, tables, contents as a PDF. This is a HTML5 client-side solution for generating PDFs. Simply include library in your <head>, generate your PDF using the many built-in functions, then create a button to trigger the download. <script type=”text/javascript” src=”http://cdnjs.cloudflare.com/ajax/libs/jspdf/0.9.0rc1/jspdf.min.js”></script> Create a object: var doc = […]
Lots of images in a site can take much time to load. For each and every request there is another HTTP request and requires more times to wait, causes pages load slowly. Here we have put together a collection of lazy loading plugins for images with options and settings. List of lazy load plugins: Advanced […]
In jQuery, there is an object iterator utility called $.each() as well as a jQuery collection iterator: .each() to run for each matched element. We can return false to stop the loop early. Syntax: $(selector).each(function(index,element)) Basically, $.each() is essentially a drop-in replacement of a traditional for or for-in loop. So, .each is an iterator which […]
window location href and location reload() both redirects a page to a new page but there are some difference to follow. Here is the difference between window.location.href and location.reload: window.location.href is not a method. It is a property which will tell you the current URL location of the browser. Changing the value of the property […]
Google charts provides a better way to visualize website data on your website. The chart gallery provides a very large number of ready to use chart types from simple line charts to hierarchical tree maps. To integrate Google Charts you need to embed JavaScript in your webpage. The process is very simple. Just load Google […]
preventDefault() prevents the default event from occuring, stopPropagation() prevents the event from bubbling up and return false does the both. Example of preventDefault() and return false: $(‘a’).click(function() { return false; }); $(‘a’).click(function(e) { e.preventDefault(); }); So finally, return false from within a jQuery event handler is effectively same as calling both e.preventDefault and e.stopPropagation on […]
The jQuery siblings() method returns all the sibling elements of the selected element. For example: $(“div”).siblings(); But if you want to filter the search for siblings then you can use an optional parameter. $(“div”).siblings(“p”); Read Also: Select an element with multiple classes in jQuery jQuery clone – create a deep copy of matched elements Suppose […]
Ajax is Asynchronous JavaScript and XML for for asynchronous web applications. Using ajax data from a server asynchronously retrieved and display without reloading the page. So JSON with Ajax is no exception. JSON stands for JavaScript Object Notation. So, in simple terms JSON is a way of formatting the data. For, e.g., transmitting it over […]