Posts

async await loop

  ( async function loop () {                 for ( let i = 0 ; i < numFiles ; i ++) {                     var fileName = items [ i ]. name ; // get file name                     var fileSize = items [ i ]. size ; // get file size                     var fileType = items [ i ]. type ; // get file type                     var ext = fileName . split ( '.' ). pop (). toLowerCase ();                             try {                                 await uploadMediaGallery ( "usersInfos/uploadPortfolioMedia" , data , items [ i ]);                ...

click ::before element jquery

 HTML <p data-before="before">First P - can't detect mouse events</p> <p data-before="before"><span>Second P - can detect mouse events</span></p> <div id="logs"></div>   CSS p {     position: relative;     background-color: blue;     color:#ffffff;     padding:0px 10px;     pointer-events:none; } p:before {     content: attr(data-before);     margin-left:-10px;     margin-right:10px;     position: relative;     background-color: red;     padding:0px 10px;     pointer-events:auto; } p span {     background:#393;     padding:0px 10px;     pointer-events:auto; }   JQUERY $(document).on('click mouseover', 'p', function(event) {     $('#logs').append(event.target.tagName + ' - ' + event.type + ...

input type number only jQuery

<script> // Restricts input for each element in the set of matched elements to the given inputFilter. (function($) {   $.fn.inputFilter = function(inputFilter) {     return this.on("input keydown keyup mousedown mouseup select contextmenu drop", function() {       if (inputFilter(this.value)) {         this.oldValue = this.value;         this.oldSelectionStart = this.selectionStart;         this.oldSelectionEnd = this.selectionEnd;       } else if (this.hasOwnProperty("oldValue")) {         this.value = this.oldValue;         this.setSelectionRange(this.oldSelectionStart, this.oldSelectionEnd);       }     });   }; }(jQuery)); // Install input filters. $("#uintTextBox").inputFilter(function(val...

Qr scanner working code

https://github.com/jbialobr/JsQRScanner

On change of content within div

$("body").on('DOMSubtreeModified', "#selector", function() {     // code here });

JSON to ARRAY

var obj = $.parseJSON(myStr)             for(var i = 0; i < obj.length; i++){                          obj[i].data                   );

add class after scrolling particular div

<script type="text/javascript"> jQuery(document).ready(function($){     $(window).scroll(function() {         var scroll = $(window).scrollTop();         var os = $('.vimeo-wrapper').offset().top;         var ht = $('.vimeo-wrapper').height();         if(scroll > os + ht){             $('#menu-menu').addClass('fixed-header');         } else {             $('#menu-menu').removeClass('fixed-header');         }     }); });    </script>