Показать сообщение отдельно
  #1 (permalink)  
Старый 16.10.2008, 13:36
Новичок на форуме
Отправить личное сообщение для t1gor Посмотреть профиль Найти все сообщения от t1gor
 
Регистрация: 16.10.2008
Сообщений: 8

"Всплывающее" окошко
Написал сценарий создания маленького всплывающего окошка. Проверил у себя (FF, Opera, IE, Safari) - все работает. Хотел показать заказчику - он не видит ни в одном из перечисленных.

Посмотреть работу скрипта можно здесь: http://t1gor.ru/test/

Код:

var flag = false; // флаг показывает создано ли окно

function createWindow() { // создает окно если флаг false
if (!flag) {
var body = document.getElementById("body");
var window = document.createElement("div");
window.id = "container";
body.appendChild(window);
formatWindow();
};
flag = true;
}

function formatWindow() { // форматирование созданного окна
var a = document.getElementById("container");
var bar = document.createElement("div");
bar.id = "titleBar";
a.appendChild(bar);
bar.innerHTML += "<img src='title_bar_left.png' alt='' style='position: relative; float: left;' /><span id='title'>Tilte</span><img src='close_button.png' alt='закрыть' id='closeButton' onClick='closeWindow()' />";
a.innerHTML += "<center><img src='110_shl.jpg' alt='110 shl' style='border: solid #000 1px; margin-top: 20px;' /></center>";
a.innerHTML += "<p id='text' align='center' style='margin-bottom: 10px;' >Информация о модели. Информация о модели. Информация о модели. Информация о модели. Информация о модели. Информация о модели. Информация о модели. Информация о модели. Информация о модели. Информация о модели. </p>";
}

function closeWindow() { // уничтожение окна
var node = document.getElementById("container");
var children = node.childNodes;
for (var i=0; i < children.length; ) { var child = children[i]; node.removeChild(child); } // удаление внутренних элементов
var node = document.getElementById("body");
var children = node.childNodes;
for (var i=0; i < children.length; i++) { var child = children[i];
if (child.id == "container") { node.removeChild(child); } // удаление самого контейнера
}
flag = false; // изменения флага для возможности повторного открытия окна
}


Буду рад помощи, если все получится исправить - оплачу консультацию.
Заранее спасибо, Игорь
Ответить с цитированием