www-apps/pmwiki/cookbook/AesCrypt/dialog.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3 <head>
   4         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   5         <title>My Modal Content</title>
   6         <link rel="stylesheet" type="text/css" href="style.css" />
   7 </head>
   8 <body>
   9 <script>
  10 var returnVal = "";
  11 function closeModal()
  12 {
  13  var pwel = document.getElementById('aescrypt_p_enc');
  14  var pw = pwel.value;
  15  var formel = document.getElementById('aescrypt_f_enc');
  16  formel.removeChild(pwel),
  17 // alert('pw '+pw);
  18  returnVal = pw;
  19  window.top.hidePopWin(true);
  20  return false;
  21 }
  22 </script>
  23         <!--p>
  24         Content for the modal window.
  25         </p>
  26         <p>
  27         Notice you can't click anything on the previous page because of the semi-transparent div below..pretty slick huh?
  28         </p>
  29         <p>
  30         Try resizing your window and check out how the modal re-centers itself.
  31         </p-->
  32      <div id="aescrypt_o_enc" class="aescrypt_overlay">
  33      <div>
  34           <p id="aescrypt_l_enc">Encrypt selected text:</p>
  35           <form id="aescrypt_f_enc" onsubmit="closeModal();">
  36            <input type="password" name="aescrypt_p_enc" id="aescrypt_p_enc" />
  37            <input type="submit"  />
  38           </form>
  39         </div>
  40     </div>
  41
  42         <!--button onclick="closeModal();">close this modal</button-->
  43 <script>
  44 document.getElementById('aescrypt_p_enc').focus();
  45 </script>
  46 </body>
  47 </html>