Windows 11: restore the old ribbon in File Explorer (2024)

'); var listItemAnchor = $(''); var spanValue = $(''); var spanImgUrl = $(''); var spanSeoLabel = $(''); var spanRedirectUrl = $(''); var spanClazzType = $(''); var listData = $(this).html(); var dataValue = $(this).attr('value'); if( $(this).attr('hidden') ) { listItem.addClass('hide'); } $(listItemAnchor).append(listData); $(spanValue).append($(this).attr("value")); listItemAnchor.append(spanValue); if($(this).attr("imageurl")){ $(spanImgUrl).append($(this).attr("imageurl")); listItemAnchor.append(spanImgUrl); } if($(this).attr("seo-label")){ $(spanSeoLabel).append($(this).attr("seo-label")); listItemAnchor.append(spanSeoLabel); } if($(this).attr("redirectUrl")){ $(spanRedirectUrl).append($(this).attr("redirectUrl")); listItemAnchor.append(spanRedirectUrl); } if($(this).attr("clazzType")){ $(spanClazzType).append($(this).attr("clazzType")); listItemAnchor.append(spanClazzType); } $(listItem).append(listItemAnchor); $('#'+listId).append(listItem); });};attachClickHandler = function(elId) { $('#'+elId+'_dd').on('click', function(e){ e.stopPropagation(); if(!$(this).hasClass("disabled")) { $(this).toggleClass("open"); if($(this).hasClass("open")) { positionDropdown($(this).attr('id')); } } }); $(window).on("resize.customDropdown", function() { $(".open .dropdown-menu").each(function(){ positionDropdown($(this).parent().attr('id')); }); }); $(document).click(function (e) { e.stopPropagation(); if ($('#'+elId+'_dd').has(e.target).length === 0 && $('#'+elId+'_dd').hasClass('open')) { $('#'+elId+'_dd').removeClass("open"); } }); $('#'+elId+'_dd_list li').on('click', function(){ //set value in the hidden select tag //populate header value selValue = $(this).children('a').children('span.value').html(); $('#'+elId).val(selValue); populateDropdownHeader(elId, selValue); $('#'+elId).trigger('change'); //set focus to the main anchor tag $('#'+elId+'_dd_headerLink').focus(); });};positionDropdown = function(elId){ var diff = 0; var padding = 15; if( $("#"+elId).children(".dropdown-menu").outerWidth() >$("#"+elId).outerWidth() ) { diff = ($("#"+elId).outerWidth() - $("#"+elId).children(".dropdown-menu").outerWidth())/2; } $("#"+elId).children(".dropdown-menu").removeAttr("style"); overflowLeft = ($(window).width() - padding) - ( $("#"+elId).offset().left + diff + $("#"+elId).children(".dropdown-menu").outerWidth() ); overflowRight = ($("#"+elId).offset().left + diff - padding); if(overflowLeft < 0 && overflowRight < 0) { $("#"+elId).children(".dropdown-menu").css("max-width", "" + ($(window).width() - $("#"+elId).offset().left - padding ) + "px" ); diff = 0; } else if(overflowLeft < 0 ) { diff = diff + overflowLeft; } else if(overflowRight < 0) { diff = diff - overflowRight; } $("#"+elId).children(".dropdown-menu").css("left", diff + "px"); }attachKeyboardListeners = function(elId){ //keydown evets for esc/bcksp/tab $('#'+elId+'_dd').on('keydown', function(e) { if(e.keyCode == 8 || e.keyCode == 9 || e.keyCode == 27 ){ //if the user hits backspace, esc, or tab it should close the dropdown if($(this).hasClass('open')){ e.preventDefault(); e.stopPropagation();//to prevent popups from closing $(this).removeClass('open'); } } if(e.keyCode == 13 && !$(this).hasClass('open') ){ $(this).addClass('open') } }); //keypress events for typeahead $('#'+elId+'_dd').on('keypress', function(e) { if(e.keyCode != 37 || e.keyCode != 38 || e.keyCode != 39 || e.keyCode != 40){ key = String.fromCharCode(e.charCode != null ? e.charCode : e.keyCode); clearTimeout(timeOutResetLetters); timeOutResetLetters = setTimeout(function(){ letterPressed = []; },500); letterPressed.push(key); if(getTyped() == letterPressed.join('')){ setTyped(letterPressed.join('')); setCounter(getCounter()+1); } else{ setCounter(1); setTyped(letterPressed.join('')); } typeahead(letterPressed.join(''), this); } }); //To handle typeahed for more than once $('#'+elId+'_dd').on('blur', function(e) { setCounter(1); setTyped(''); }); $('#'+elId+'_dd ul > li').on('mouseover', function(e) { setTypeAhead(this); });};typeahead = function(what, elem){ var els = $('#'+$(elem).attr('id')+' .elem').filter(function(index) { return $(this).children('a').html().toLowerCase().search(what) == 0; }); var index = (typeAheadCounter - 1) % els.length; if(els && els.length > 0 && els[index] && els[index].childNodes[0]){ els[index].childNodes[0].focus(); }}setTypeAhead = function(el){ var hoveredEl = $(el); var hoveredChar = hoveredEl.children('a').html().toLowerCase().split('<')[0][0]; setTyped(hoveredChar); setCounter(0); /* var i = 1; //TODO: revisit for mouse hover logic var els = hoveredEl.parent().children('.elem').filter(function(index) { return $(this).children('a').html().toLowerCase().search(hoveredChar) == 0; }); while(i < els.length){ console.log(hoveredEl+' == '+els); if(hoveredEl == els[i-1]){ setCounter(i); console.log(hoveredChar+', '+i); } i+=1; } */ }var letterPressed = [];var timeOutResetLetters = null;var typeAheadCounter = 1;var typeAheadText = '';function setCounter(val) { typeAheadCounter = val;}function getCounter() { return typeAheadCounter;}function setTyped(val) { typeAheadText = val;}function getTyped() { return typeAheadText;}getSelectedData = function(opt,elID) { var elem = $('#'+elID+'_dd_headerValue'); if(opt=='value'){ return $(elem).children('span.value').html(); } if(opt=='imgurl'){ return $(elem).children('span.imgurl').html(); } if(opt=='seoLabel'){ return $(elem).children('span.seoLabel').html(); } if(opt=='redirectUrl'){ return $(elem).children('span.redirectUrl').html(); } if(opt=='clazzType'){ return $(elem).children('span.clazzType').html(); }}attachChangeListener = function(elId){ $('#'+elId).on('change',function(){ var currentValue = $(this).val(); populateDropdownHeader(elId, currentValue); if(($('#'+elId).hasClass('disabled') || $('#'+elId).prop('disabled')) && !$('#'+elId+'_dd').hasClass('disabled')) { $('#'+elId+'_dd').addClass('disabled'); } else if ((!$('#'+elId).hasClass('disabled') && !$('#'+elId).prop('disabled')) && $('#'+elId+'_dd').hasClass('disabled')) { $('#'+elId+'_dd').removeClass('disabled'); } });}$(document).ready(function() { $("body.PostPage select, body.EditPage select, body.ReplyPage select").addClass("hpStyleDropdown"); getHpStyleDropdown(); /* Workaround for jQuery 'trigger' not launching the event handler inside the closure (LITHIUM.MessageEditorForm.BoardChooser) */ var changeTriggered = false; $('body.PostPage #lia-board, body.ForumPage #sortthreads').on('change', function() { if(!changeTriggered) { changeTriggered = true; $(this)[0].dispatchEvent(new Event("change")); setTimeout(function(){ changeTriggered = false; },100) } }); $('body.PostPage #no-product, body.ReplyPage #no-product, body.EditPage #no-product').on('change', function() { $("#s-products").trigger("change"); });});