Advertisement
lgdelai

Untitled

May 25th, 2022
900
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* GENERATEPRESS CANVA MENU TESTS */
  2.  
  3. /* Close Menu and Search with backbutton */
  4. function back_button_close_menu_f(){
  5.     echo' <script>
  6.    
  7.     const canva_menu = document.querySelector("#generate-slideout-menu");
  8.     const campo_busca = document.querySelector("#mobile-header span.search-item"); 
  9.  
  10.     document.querySelector("#mobile-header button.menu-toggle").onclick = function() {myFunction()};
  11.     document.querySelector("#mobile-header span.search-item").onclick = function() {myFunction()};
  12.     function myFunction(){
  13.         history.replaceState(null, document.title, location);
  14.         history.pushState(null, document.title, location);
  15.         alert("Opening Menu or Search");
  16.     }
  17.  
  18.     if (window.history && window.history.pushState){
  19.         window.addEventListener("popstate", function(e){
  20.        
  21.             if ( canva_menu.classList.contains("is-open") ){
  22.                 // JS Click on close MENU
  23.                 var btn1 = document.querySelectorAll("button.slideout-exit");
  24.                 for (var i = 0; i < btn1.length; i++){
  25.                     btn1[i].click();
  26.                 }
  27.                 alert("MENU will close - But you still on same page");
  28.                 e.stopPropagation();
  29.             }          
  30.  
  31.             if ( campo_busca.classList.contains("close-search") ){
  32.                 // JS Click on close SEARCH
  33.                 var btn2 = document.querySelectorAll("#mobile-header span.close-search");
  34.                 for (var i = 0; i < btn2.length; i++){
  35.                     btn2[i].click();
  36.                 }
  37.                 alert("SEARCH will close - But you still on same page");
  38.                 e.stopPropagation();
  39.             }
  40.            
  41.         }, false);
  42.     }
  43.  
  44.     </script> ';
  45. }
  46. add_action('wp_footer', 'back_button_close_menu_f');
Advertisement
RAW Paste Data Copied
Advertisement