Скрипт проверен работает во всех современных браузерах: IE7, Firefox3, Opera10 и Safari4.
Установка:
Для начала поставим сам скрипт, который будет создавать окно:
Код
function winrem(a) {
a.parentNode.nextSibling.style.display = 'none';
a.parentNode.style.display = 'none';
}
function jWnd(params) {
params = params || {};
k = (!-[1,]) ? 0 : 8;
var e = document.createElement('div');
var leftmargin = ((document.body.offsetWidth / 2) - (params.w / 2));
var topmargin = ( ((!-[1,]) ? document.body.offsetHeight : window.innerHeight) / 2) - (params.h / 2)
var headerinner = params.header ? '<div style="font-weight: bold;color: white; position: absolute; width: ' + (params.w + k) + '; height: 20px; background: #b52828; top: ' + (topmargin - 20) + '; left: ' + leftmargin + 'px;"><span style="float:left">' + params.header + '</span><a style="float:right;color:white;" href="javascript://" onclick="winrem(this);">X</a></div>' : '';
var content = params.content ? params.content : '<iframe src="' + params.url + '" height="100%" width="100%" frameborder="0"></iframe>';
e.innerHTML = headerinner + '<div style="border:4px solid #00b4ff;color: white; position: absolute; width: ' + params.w + '; height: ' + params.h + '; background: #3e3e3e; top: ' + topmargin + '; left: ' + leftmargin + 'px;">' + content + '</div>';
document.body.appendChild(e);
}
Теперь можно добавлять окна таким кодом:
Код
<a href="javascript://" onclick="jWnd({w: 500,h: 300,content: 'Ваш текст',header: 'Заголовок''};);"> Открыть текст в jWnd </a>
В первом примере — открытие сайта, во втором — открытие текста в окне. Параметр w отвечает за ширину окна, h — за высоту, в header пишется заголовок. Если нужно отобразить сайт — в url пишем его адрес, если текст — в content пишем свой текст.
Пока это самая первая версия, в следующей будет много усовершенствований: Drag'n'drop, поддержка XML, возможность изменять размеры окна и многое другое.