lookyloo/website/web/static/scrape.js

$("#os").change(function(){
  var os_name = $(this).find(":selected").val().replace(/(:|\.|\[|\]|,|=)/g, "\\$1").replace(/ /g,"_");
  var first_browser_name = $("[id='" + os_name + "']").find('select option:first-child').val().replace(/(:|\.|\[|\]|,|=)/g, "\\$1").replace(/ /g,"_");
  // Hide and disable everything
  $(".style-sub-1").hide();
  $(".style-sub-1 > div > select").attr('disabled', true);
  $(".style-sub-2").hide();
  $(".style-sub-2 > div > select").attr('disabled', true);

  $("[id='" + os_name + "']").show();
  $("[id='" + os_name + "'] > div > select").removeAttr('disabled');
  $("[id='" + os_name + '_' + first_browser_name + "']").show();
  $("[id='" + os_name + '_' + first_browser_name + "'] > div > select").removeAttr('disabled');
});

$('select[name="browser"]').change(function(){
  var browser_name = $(this).find(":selected").val().replace(/(:|\.|\[|\]|,|=)/g, "\\$1").replace(/ /g,"_");
  var os_name = $(this).parent().parent().attr("id").replace(/(:|\.|\[|\]|,|=)/g, "\\$1").replace(/ /g,"_");

  // Hide what makes sense
  $(".style-sub-2").hide();
  $(".style-sub-2 > div > select").attr('disabled', true);

  $("[id='" + os_name + '_' + browser_name + "']").show();
  $("[id='" + os_name + '_' + browser_name + "'] > div > select").removeAttr('disabled');
});

$('#btn-looking').click(function() {
  $('#btn-looking').html('<span class="spinner-border spinner-border-sm mr-2" role="status" aria-hidden="true"></span>Looking...').addClass('disabled');
  $('#long').fadeOut(0).delay(9000).fadeIn(100);
  $('#too-long').fadeOut(0).delay(19000).fadeIn(100);
  $('#way-too-long').fadeOut(0).delay(27000).fadeIn(100);
});