привет. Думаю нужно для хорошего стиля разграничить css javascript и html.(извините пример большой). Вообще вынести в отдельные файлы а не как у меня. А в html останется только див. В яваскрипте присуждать только изменяемые свойства(положение на странице). Разбить длинный стринг на несколько частей.
PS я не смог сделать setAttribute(), почемуто не пашет. Кто знает почему?
Код:
<html>
<head>
<style type="text/css">
#popup{
display:none;
position:absolute;
width:300px;
height:360px;
z-index:0;
}
#popup table{
width:100%;
}
#popup table th{
background:#330099;
color:#fff;
}
#popup table td{
background:#3399CC;
color:#fff;
}
</style>
<script language="javascript">
<!--
function popup_user_del(){
var popup = document.getElementById("popup");
popup.style.display = "block";
popup.style.left = (screen.availWidth / 2 - 150)+"px";
popup.style.top = (screen.availHeight / 2 - 180)+"px";
var tab = "<table border=0 cellspacing=1 llpadding=0>"
tab += "<tr><th colspan='2'>Удаление пользователя</th></tr>";
tab += "<tr><td>ФИО</td><td>Аноним</td></tr>";
tab += "<tr><td>Возраст</td><td>80</td></tr>";
tab += "</table>";
tab += "<a href='javascript:void(0)' onclick='popup_close()'>Закрыть</a>"
popup.innerHTML = tab;
}
function popup_close(){
document.getElementById("popup").style.display = "none";
}
//-->
</script>
</head>
<body>
<a href="#" onclick="javascript: popup_user_del();">Покажи</a>
<div id="popup">
</div>
</body>
</html>