js: Migrate code to not use deprecated 3.x features

Author: ibuclaw

js/ddox.js

@@ -1,11 +1,11 @@
 function setupDdox()
 {
-	$(".tree-view").children(".package").click(toggleTree);
+	$(".tree-view").children(".package").on("click", toggleTree);
 	$(".tree-view.collapsed").children("ul").hide();
 	$("#symbolSearch").attr("tabindex", "1000");
 
 	updateSearchBox();
-	$('#sitesearch').change(updateSearchBox);
+	$('#sitesearch').on("change", updateSearchBox);
 }
 
 function updateSearchBox()

js/dlang.js

@@ -25,7 +25,7 @@
                 .addClass('open');
 
             var open_main_item = null;
-            $('.expand-toggle').click(function(e) {
+            $('.expand-toggle').on("click", function(e) {
                 var container = $(this).parent('.expand-container');
                 container.toggleClass('open');
 
@@ -44,7 +44,7 @@
                 return false;
             });
 
-            $('html').click(function(e) {
+            $('html').on("click", function(e) {
                 var clicking_main_bar = $(e.target).parents("#top").length > 0;
                 if (clicking_main_bar) return;
                 if (open_main_item !== null) {
@@ -54,16 +54,16 @@
             });
         }
 
-        $('.search-container .expand-toggle').click(function() {
-            $('#search-query input').focus();
+        $('.search-container .expand-toggle').on("click", function() {
+            $('#search-query input').trigger("focus");
         });
 
         // Insert the show/hide button if the contents section exists
         $('.page-contents-header').append('<span><a href="javascript:void(0);">[hide]</a></span>');
 
         // Event to hide or show the "contents" section when the hide button
         // is clicked
-        $(".page-contents-header a").click(function () {
+        $(".page-contents-header a").on("click", function () {
             var elem = $('.page-contents > ol');
 
             if (elem.is(':visible')) {

js/listanchors.js

@@ -110,7 +110,7 @@ function addVersionSelector() {
   });
   $("h1").after("<div class='version-changer-container fa-select'><select id='version-changer'>" + options.join("") + "</select></div>");
   // attach event listener to select box -> change URL
-  $("#version-changer").change(function(){
+  $("#version-changer").on("change", function(){
     var selected = parseInt($(this).find("option:selected").val());
     var option = versions[selected];
     if (!option.selected) {

js/run.js

@@ -364,7 +364,7 @@ function setupTextarea(el, opts)
             args.css('height', height(31));
             hideAllWindows();
             argsDiv.css('display', 'block');
-            args.focus();
+            args.trigger("focus");
         });
     }
 
@@ -374,7 +374,7 @@ function setupTextarea(el, opts)
             stdin.css('height', height(31));
             hideAllWindows();
             stdinDiv.css('display', 'block');
-            stdin.focus();
+            stdin.trigger("focus").
         });
     }
 
@@ -384,7 +384,7 @@ function setupTextarea(el, opts)
         hideAllWindows();
         code.css('display', 'block');
         editor.refresh();
-        editor.focus();
+        editor.trigger("focus");
     });
     resetBtn.click(function(){
         resetBtn.css('display', 'none');
@@ -413,7 +413,7 @@ function setupTextarea(el, opts)
         outputDiv.css('display', 'block');
         outputTitle.text("Application output");
         output.html("Running...");
-        output.focus();
+        output.trigger("focus");
 
         var data = {
           code: opts.transformOutput(editor.getValue(), opts.compile)