MediaWiki:Common.js

let  my_awesome_script = document.createElement('script');
my_awesome_script.setAttribute('src','//code.jquery.com/jquery-1.12.4.js');
document.head.appendChild(my_awesome_script);

let my_awesome_script2 = document.createElement('script');
my_awesome_script2.setAttribute('src','//code.jquery.com/ui/1.12.1/jquery-ui.js');
document.head.appendChild(my_awesome_script2);

let my_awesome_script3 = document.createElement('link');
my_awesome_script3.setAttribute('rel','stylesheet');
my_awesome_script3.setAttribute('href','//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css');
document.head.appendChild(my_awesome_script3);

$(function () {

  let cnt = 0;

  for(let n = 1; n < 100; n++) {
    if(document.getElementById('tableRow' + n)) {
      let row = document.getElementById('tableRow' + n);
      row.addEventListener('click', function(){
        console.log('working');
        let dialog = 'dialog' + n;
        $( function() {
          $( '#' + dialog ).dialog();
        } );
      });

      let nameCol = document.getElementById('tableCol1-' + n).innerText;

      row.innerHTML += '<div style="display:none" id="dialog' + n + '"' + ' title="' + nameCol + '"' + n + '">' + '\n' +
        '<p>Table Row {{argbox}} ' + n + '</p>\n' +
        '</div>';

    }
    else {
      cnt++;
    }
    if(cnt > 0) {
      break;
    }
  }
}());