<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <link href="abcde.css" rel="stylesheet"> </head> <body> <style type="text/css"> .PopUp { position:absolute; -webkit-border-radius: 7; -moz-border-radius: 7; border-radius: 7px; font-family: Arial; color: #000000; font-size: 14px; background: #f5e8ce; padding: 0px 0px 0px 0px; text-decoration: none; width:250px; height:150px; margin-top:-75px; margin-left:-125px; top: 50%; left:50%; z-index:100; } .PopUp-H { position:relative; -webkit-border-radius: 4; -moz-border-radius: 4; border-radius: 4px; font-family: Arial; color: #ffffff; font-size: 14px; font-weight:bold; background: #ff0000; padding: 0px 0px 0px 0px; text-decoration: none; left:8px; top:8px; width:234px; height:20px; padding-top:2px; z-index:100; /* text-decoration: blink; */ } .PopUp-I { position:relative; -webkit-border-radius: 4; -moz-border-radius: 4; border-radius: 4px; font-family: Arial; color: #000000; font-size: 14px; font-weight:normal; background: transparent; padding: 0px 0px 0px 0px; text-decoration: none; left:8px; top:8px; width:234px; height:20px; padding-bottom:2px; padding-top:2px; padding-left:2px; padding-right:2px; z-index:100; text-align:center; /* horizontal centering for IE Win quirks */ } .PopUp-B-Close { position:relative; -webkit-border-radius: 4; -moz-border-radius: 4; border-radius: 4px; font-family: Arial; color: #ffffff; font-size: 14px; font-weight:normal; background: #3498db; padding: 0px 0px 0px 0px; text-decoration: none; left:0px; top:74px; width:60px; height:20px; padding-top:2px; padding-left:0px; z-index:100; display: block; margin-left: auto; margin-right: auto; } .PopUp-B-Close:hover { background: #3cb0fd; text-decoration: none; cursor:pointer; } </style> </head> <body> <script> //Default lib functions function lib_create_obj_0007(_obj_typ,_id,_id_parent){ var obj; if(document.createElement&&(obj=document.createElement(_obj_typ))){ obj.className=_id; obj.id=obj.name=_id; if("body"==_id_parent.toLowerCase()){ document.body.appendChild(obj); obj.posArray=new Object(); } else{document.getElementById(_id_parent).appendChild(obj);} } return obj; } function _alert(_head,_text,_buttontext){ lib_create_obj_0007("div","PopUp","body"); lib_create_obj_0007("div","PopUp-H","PopUp"); lib_create_obj_0007("div","PopUp-I","PopUp"); lib_create_obj_0007("center","Center-H","PopUp-H"); var _close=lib_create_obj_0007("div","PopUp-B-Close","PopUp"); lib_create_obj_0007("center","Center-B-Close","PopUp-B-Close"); document.getElementById("Center-H").innerHTML=_head; document.getElementById("PopUp-I").innerHTML=_text; document.getElementById("Center-B-Close").innerHTML=_buttontext; _close.onmousedown=function(event){eval("_alert_close();");} } // lib close function lib_close_0007(_id){ if(null!=document.getElementById(_id)){document.getElementById(_id).parentNode.removeChild(document.getElementById(_id));} }// lib close End function _alert_close(){ lib_close_0007("Center-B-Close"); lib_close_0007("Center-H"); lib_close_0007("PopUp-I"); lib_close_0007("PopUp-H"); lib_close_0007("PopUp"); } _alert("Error","Привет зелёненький. Hi Kamrad. Hanska. Andreas. usw.","OK"); </script> <!-- <div class="PopUp"><div class="PopUp-H"><center>Error</center></div><div class="PopUp-I"> <p>Привет зелёненький.</p> </div></div> --> </body> </html> |