JSFiddle - React, Tailwind, and code Playground

by egoregor

HTML

<html> 
<head> 
   <style type="text/css"> 
      .LockOff { 
         display: none; 
         visibility: hidden; 
      } 

      .LockOn { 
         display: block; 
         visibility: visible; 
         position: absolute; 
         z-index: 999; 
         top: 0px; 
         left: 0px; 
         width: 100%; 
         height: 100%; 
         background-color: #ccc; 
         text-align: center; 
         padding-top: 20%; 
         filter: alpha(opacity=75); 
         opacity: 0.75; 
      } 
   </style> 

   <script type="text/javascript"> 
      function skm_LockScreen(str) 
      { 
         var lock = document.getElementById('skm_LockPane'); 
         if (lock) 
            lock.className = 'LockOn'; 

         lock.innerHTML = str; 
      } 
   </script> 
</head> 
<body> 
   <h2>Overlay Test Page</h2> 
   <p> 
      Please enter your name: 
      <input type="text" name="name" /> 
   </p> 
   <p> 
      <input type="submit" value="Click Me!" onclick="skm_LockScreen('Мы обрабатываем ваш запрос...');" /> 
   </p> 

   <div id="skm_LockPane" class="LockOff">апвававава</div> 
</body> 
</html>