В общем, написал вроде простенькую функцию по созданию окошка, но не могу написать функцию удаления окошка, код привёл ниже.
Помогите кто-нибудь, пожалуйста.
код файла message.js:
function newmess(title,text)
{
// получаем заголовок и текст
this.title = title;
this.text = text;
// Ширина рабочей области
this.getDocumentWidth = function()
{
return (window.innerWidth)?window.innerWidth:((document.all)?document.documentElement.offsetWidth:null);
}
// Высота рабочей области
this.getDocumentHeight = function()
{
return (window.innerHeight)?window.innerHeight:((document.all)?document.documentElement.offsetHeight:null);
}
// Создаём окошко в памяти
this.layer = document.createElement("div");
this.layer.className = "layermess";
this.layer.id = "layermess";
this.layer.style.top = (this.getDocumentHeight()/2)-150 + "px";
this.layer.style.left = (this.getDocumentWidth()/2)-150 + "px";
this.header = document.createElement("div");
this.header.className = "header";
this.header.id = "header";
// Как сделать чтобы див со словом "Закрыть", работал при клике на нём?(строка ниже не работает :( )
this.header.innerHTML = this.title + "<div onclick=\"this.close()\">Закрыть</div>";
//-------------------------------------------
this.message = document.createElement("div");
this.message.className = "message";
this.message.id = "message";
this.message.innerHTML = this.text;
//this.layer.style.visibility = "visible";
// Вставляем окошко в html страницу
this.layer.appendChild(this.header);
this.layer.appendChild(this.message);
this.dialog = document.getElementById("all");
this.dialog.appendChild(this.layer);
this.close = function()
{
alert("Проверка");
this.layers = document.getElementById("layermess");
this.layers.style.visibility = "hidden";
};
}
файл index.html:
<!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>
<title>Тестируем окошко</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="message.js"></script>
<script type="text/javascript">
function ShowMessage(title,text)
{
wnd = new newmess(title,text);
return wnd;
}
</script>
</head>
<body>
<div onclick="ShowMessage('Тест','Привет Мир!');">Открыть</div>
<div onclick="wnd.close();">Закрыть</div>
<div id="all"></div>
</body>
</html>
И если можно, то скажите, пожалуйста, правильно ли я вообще написал скрипт, т.к. на js первый раз писал, хорошо, что есть сайт и этот форум, очень много полезной инфы.