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:…

how can we recover corrupted files In Pc?

Some time our files stuck or corrupted so there are many ways to recover them. But I have the best way to recover all pictures, music, documents, videos, emails or any other file that you lost. The software name is…

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…

Alert When Keyboard Arrow Key Is Pressed By Jquery

there is simple jquery code below. by this code you can  alert or trigger any event on a keyboard key. Must add jquery script. <script   src="https://code.jquery.com/jquery-3.4.1.min.js"   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="   crossorigin="anonymous"></script>   <script> $(function () { $(document).on('keyup keydown keypress', function (event) { if…

Useful Shortcut Keys Of Adobe Illustrator

Adobe Illustrator or Illustrator is a vector graphics editing program published by Adobe. It is useful for designing logos, clip art, blueprints, and other precise, resolution-independent illustrations. Illustrator was first released in 1987 for the Apple Macintosh; today it also runs on Microsoft Windows. The current version is Illustrator CC. How…

change body color when slider change when first item is active

Use the carousel callback function to change body color when slider change <span class="pln">$</span><span class="pun">(</span><span class="str">'#demo'</span><span class="pun">).</span><span class="pln">on</span><span class="pun">(</span><span class="str">'slide.bs.carousel'</span><span class="pun">,</span> <span class="kwd">function</span> <span class="pun">(</span><span class="pln">e</span><span class="pun">)</span> <span class="pun">{</span> <span class="kwd">if</span><span class="pun">(!</span><span class="pln">e</span><span class="pun">.</span><span class="pln">to</span><span class="pun">){</span> <span class="com">//set body bgcolor</span>…

how to add and remove a class when bootstrap popup is scroll

add and remove class when popup is scroll
if you need scroll to whole popup (class="modal"): $(function () { $('.modal').scroll(function () { var totop = 50; if ($(this).scrollTop() >= totop) { $(".mycountry").addClass("fix"); } else { $(".mycountry").removeClass("fix"); } }); }); if you need scroll to modal content (class="modal-content"): $(function…
Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages