Advertisement
val10

alert box

Sep 24th, 2013
113
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.94 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  4.     <title></title>
  5.     <style type="text/css">
  6.  
  7.         #divmsg {
  8.             position: absolute;
  9.             top: 50%;
  10.             left: 50%;
  11.             width:302px;
  12.             height:181px;
  13.             margin-left: -150px;
  14.             margin-top: -90px;
  15.             background:#f8f8f8;
  16.             text-align:center;
  17.             -webkit-user-select: none;  
  18.             -moz-user-select: none;    
  19.             -ms-user-select: none;      
  20.             user-select: none;             
  21.         }
  22.        
  23.         #header{
  24.             text-align:left;
  25.             background: #F0F0F0;
  26.             height: 50px;
  27.         }
  28.        
  29.         #header-error{
  30.             margin:14px 0 0 20px;
  31.             float:left;
  32.             COLOR:7f8488;
  33.             font-family:arial;
  34.             font-size: 15px;
  35.         }
  36.        
  37.         #header-x{
  38.             margin:-14px 0px;
  39.             float:right;
  40.             font-weight:bold;
  41.             COLOR:CECECE;
  42.             font-family:arial;
  43.         }
  44.        
  45.         div.ok{
  46.             width:95px;
  47.             line-height: 36px;
  48.             margin:20px 0 20px 98px;
  49.             background:#c8c8c8;
  50.             -webkit-user-select: none;  
  51.             -moz-user-select: none;    
  52.             -ms-user-select: none;      
  53.             user-select: none;
  54.         }
  55.  
  56.     </style>
  57.     <script type="text/javascript">
  58.         function fclick(){
  59.             var div = document.getElementById("top");
  60.             div.style.display = "block";
  61.         }
  62.         function fclose(){
  63.             var div = document.getElementById("top");
  64.             div.style.display = "none";
  65.         }
  66.     </script>
  67. </head>
  68. <body>
  69.     <div id="divbody">
  70.         <input type="button" value="click" onclick="fclick()" />
  71.     </div>
  72.     <div id="top" style="display:none;position: absolute;width: 100%;height: 100%; background: url('background.jpg');">
  73.         <div id="divmsg">
  74.             <div id="header">
  75.                 <div id="header-error">ERROR</div>
  76.                 <div id="header-x" href="#" onclick="fclose()">
  77.                     <p><img src="X.jpg"></p>
  78.                 </div>
  79.             </div>
  80.  
  81.             <p style="font-size:14px; margin:35px 0 0 0; font-family:arial" >Client not specified !</p>
  82.             <div class="ok" href="#" onclick="fclose()" style="font-size:14px; font-family:arial; font-weight:bold; color:7f8488">OK</div>
  83.         </div>
  84.     </div>
  85.  
  86. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement