JSFiddle - React, Tailwind, and code Playground

T&C Overlay test

by Steve Cervenak

HTML

<div id="TCContainer" title="Terms and Conditions">
  <p>Access to and use of this site is subject to the Terms and Conditions listed below.</p>
  More legal-ese...
</div>
<Div>
  Here's some regular page content.
</Div>

JavaScript

$(document).ready(function() {
  alert("running!");
  $("#TCContainer").dialog({
    buttons: {
      "I agree": function() {
        $(this).dialog("close");
      },
      Cancel: function() {
        window.location.replace("http://www.webtechnologyinc.com");
      }
    },
    closeOnEscape: false,
    draggable: false,
    height: ($(window).height()) * 0.8,
    modal: true,
    open: function(event, ui) {
      // Set opacity of parent window
      $(".ui-widget-overlay").css("opacity", 0.90);
      // Hide close button on modal dialog
      $(".ui-dialog-titlebar-close").css("display", 'none');
    },
    resizable: false,
    width: ($(window).width()) * 0.7
  });
});