Nov 10, 2018

Example of Jquery UI modal Dialog

Inside <head> of your web page, put the following:

<link rel="stylesheet" href="">
<script src="//"></script>
<script src=""></script>

  $(function() {
    $( "#dialog-message" ).dialog({
      autoOpen: false,
      position: { my: "top", at: "top", of: window },
      modal: true,
      buttons: {
        Ok: function() {
          $( this ).dialog( "close" );
  $( "#dialog-message" ).hide();

Inside <body> of your page:

<div id="dialog-message" title="">
Visit <a href=""></a> today

Somewhere in your web page, you open the dialog by:
$('#dialog-message').dialog( "open" );