☰

Quizlet Learn for Languages

Optimized for learning Chinese. Gives "learn" functionality similar to Pleco. Single hand navigation.

  1. // ==UserScript==
  2. // @include https://quizlet.com/*
  3. // @name         Quizlet Learn for Languages
  4. // @description  Optimized for learning Chinese. Gives "learn" functionality similar to Pleco. Single hand navigation.
  5. // @version 0.0.1.20210704205534
  6. // @namespace https://greasyfork.org/users/790368
  7. // @require https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js 
  8. // ==/UserScript==
  9.  
  10.  
  11. // Navigation Controls:
  12. // "incorrect" -- LEFT ARROW 
  13. // "correct" -- RIGHT ARROW
  14. // "listen" -- SHIFT
  15. // "flip card" -- ALT
  16. // "open Google Translate" -- ? (question mark)
  17.  
  18. // TODO: 
  19. // ** Change interval function into a js mutationObserver
  20.  
  21. document.onkeydown = function(e) {
  22.     switch(e.which) {
  23.         case 18: // left
  24.         $(".a17kns5:contains('Study again')")[0].click();
  25.         break;
  26.         
  27.         case 93: // context menu
  28.         $(".a17kns5:contains('Study again')")[0].click();
  29.         break;
  30.  
  31.         case 39: // right
  32.         $(".a17kns5:contains('Got it')")[0].click();
  33.         break;
  34.         
  35.         case 16: // shift
  36.         $(".AssemblyButtonBase--small").click();
  37.         break;
  38.         
  39.         case 191: // alt
  40.         $(".bc3udft").click();
  41.         break;
  42.         
  43.         case 37: // forward slash
  44.         $("#myID > span > a")[0].click();
  45.         break;
  46.  
  47.         default: return; // exit this handler for other keys
  48.     }
  49.     e.preventDefault(); // prevent the default action (scroll / move caret)
  50. };
  51.  
  52. document.addEventListener("contextmenu", function(e) {
  53.     e.preventDefault();
  54. });
  55.  
  56.  
  57. setInterval(function() {
  58.    if ($('.FormattedText').length) {
  59.       console.log("Exists!");
  60.       $('.FormattedText').css("font-size", "50px");
  61.       $('.c1sj1twu').css("justify-content", "center");
  62.       if ($('#myID').length != 1) {
  63.         var myText = $('.FormattedText > div').html();
  64.         var myList = [];
  65.         for (var i = 0; i < myText.length; i++) {
  66.           myList.push(myText.charAt(i))
  67.         };
  68.         console.log(myList);
  69.         var seperatedText = myList.join('%0A');
  70.         console.log(seperatedText);
  71.         $( ".l1b4ycqi" ).html( "<button id='myID' style='background-color:transparent;border-width:1px;'><span><a href='https://translate.google.com/?sl=zh-CN&tl=en&text=" + seperatedText + "&op=translate' target='blank' style='color:#7b89c991;'>TRANSLATE</a></span></button>" );
  72.       }
  73.       // if ($(".h10q3o7a").length) {
  74.       //   $(".h10q3o7a").remove();
  75.       // };
  76.  
  77.       clearInterval(checkExist);
  78.    }
  79. }, 1000); // check every 1000ms
  80.  
  81.