hide a DIV when the user clicks outside of it

  Here is the Example of it. <div class=”jumbo”> <h1>this is sample div</h1> <p> plz click outside of this div.</p> </div> <style> .jumbo { position: fixed; background-color: #008cff; color: #fff; padding: 100px; margin: 0 auto; top: 50%; left: 50%; transform: translate(-50%,-50%); } </style> <script> $(document).mouseup(function(e) { var container = $(“.jumbo”);

Read More »

focus next input by pressing enter

was recently faced with the problem of setting focus to the next input field. The challenge was that I didn’t know what that field was. So given an input field, find the next logical (in the order of the DOM) input field and set focus. I came up with the

Read More »

Bootstrap 4 components z-index values

Several Bootstrap components utilize z-index, the CSS property that helps control layout by providing a third axis to arrange content. Bootstrap 4 utilize a default z-index scale that’s been designed to properly layer navigation, tooltips and popovers, modals, and more. $zindex-dropdown: 1000 !default; $zindex-sticky: 1020 !default; $zindex-fixed: 1030 !default; $zindex-modal-backdrop:

Read More »

Responsive data table without scroll in bootstrap 4

DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, built upon the foundations of progressive enhancement, that adds all of these advanced features to any HTML table. The DataTable widget is responsible for rendering columnar data into a highly customizable and fully accessible HTML

Read More »

HTML To Docx Export by jquery

There are many ways to export html to doc or docx. . htm-docx-js is easy to use, User-friendly and beneficial for all designer or developers. It have ver small library and its  convert html to docx format that is used by Microsoft word 2007.. plz note that its not support

Read More »

SVG path animation

SVG (or Scalable Vector Graphics) is an XML-based file format that enables developers and designers to create high quality, dynamic graphics and graphical applications with a great level of precision. Paths. The element is the most powerful element in the SVG library of basic shapes. You can use it to

Read More »
No data found.