[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Окно хелпер на JS
UnWind
Здравствуйте.
Я вот увидел вот такую фишку.
Объяснять не буду, так как лучше 1 раз увидеть чем 100 раз услышать.
http://hosting.agava.ru/dedicated.shtml#help
Вот возникает у меня вопрос.
При нажатии на ссылку "Бесплатный трафик" открываеться белое окно с текстовкой.
Как сделать так же ? Только что бы всё было в одном документе, а не как тут JS файл отдельно и CSS отдельно.
Просто я JS не знаю, а сам разбить код на составные не могу.
Помогите пожалуйста.
Зарание Вас блогадорю. smile.gif
P.S.> Если понадобиться, то вот линк на JS:
JS скрипт



Спустя 9 минут, 46 секунд (16.07.2009 - 09:11) UnWind написал(а):
Или плз скажите что нужно выкинуть с js файла что бы осталось то, что нужно для этого всплывающего окна.

Спустя 1 час, 47 минут, 50 секунд (16.07.2009 - 10:59) Oyeme написал(а):
вызыветься функция -
HTML
showPopup('help_free');



код функции,всё же написанно.

HTML
/* -------------------------------------------------------------------------- */
/* Popup */
/* -------------------------------------------------------------------------- */
function showPopup(name_popup){

var popup = document.getElementById('popup');
if (popup){
top_otstup = self.pageYOffset || (document.documentElement && document.documentElement.scrollTop) || (document.body && document.body.scrollTop);

var y;
if (self.innerHeight) y = self.innerHeight; // îáùèé ñèíòàêñèñ
else if (document.documentElement && document.documentElement.clientHeight) y = document.documentElement.clientHeight; // IE 6 Strict Mode
else if (document.body) y = document.body.clientHeight; // Îñòàëüíûå âåðñèè IE

popup.className = 'show';

var popup_content = document.getElementById(name_popup);
popup_content.className = 'popup_content show';

var height_popup = popup_content.offsetHeight;
popup.style.top = Math.round((y - height_popup)/2) - 10 + top_otstup + 'px';

resizeWindow();

var obertka = document.getElementById('obertka');

//obertka.style.background = '#000';
obertka.style.opacity = '0.6'; //äëÿ DOM áðàóçåðîâ
obertka.style.MozOpacity = '0.6'; //(äëÿ ñòàðûõ Mozilla 1.6 è íèæå, Firefox 0.8)
obertka.style.KhtmlOpacity = '0.6'; //(äëÿ Safari 1.1, Konqueror 3.1)
obertka.style.filter ="progid:DXImageTransform.Microsoft.Alpha(opacity=60)"; // ÈÅ
obertka.style.height = getPageSize()['pageHeight'] + 'px';
obertka.className = 'show';

return false;
}
}


Спустя 49 минут, 4 секунды (16.07.2009 - 11:48) UnWind написал(а):
Цитата
код функции,всё же написанно.

Хм. Проблема в том, что когда я сделал такой код, то после этого окно перестало закрываться.
Точнее закрывается но затемнение остоёться и исчезает только после обновления страницы.

Спустя 2 минуты, 12 секунд (16.07.2009 - 11:51) UnWind написал(а):
HTML
[/html]function showPopup(name_popup){

var popup = document.getElementById('popup');
if (popup){
top_otstup = self.pageYOffset || (document.documentElement && document.documentElement.scrollTop) || (document.body && document.body.scrollTop);

var y;
if (self.innerHeight) y = self.innerHeight; // îáùèé ñèíòàêñèñ
else if (document.documentElement && document.documentElement.clientHeight) y = document.documentElement.clientHeight; // IE 6 Strict Mode
else if (document.body) y = document.body.clientHeight; // Îñòàëüíûå âåðñèè IE

popup.className = 'show';

var popup_content = document.getElementById(name_popup);
popup_content.className = 'popup_content show';

var height_popup = popup_content.offsetHeight;
popup.style.top = Math.round((y - height_popup)/2) - 10 + top_otstup + 'px';

resizeWindow();

var obertka = document.getElementById('obertka');

//obertka.style.background = '#000';
obertka.style.opacity = '0.6'; //äëÿ DOM áðàóçåðîâ
obertka.style.MozOpacity = '0.6'; //(äëÿ ñòàðûõ Mozilla 1.6 è íèæå, Firefox 0.8)
obertka.style.KhtmlOpacity = '0.6'; //(äëÿ Safari 1.1, Konqueror 3.1)
obertka.style.filter ="progid:DXImageTransform.Microsoft.Alpha(opacity=60)"; // ÈÅ
obertka.style.height = getPageSize()['pageHeight'] + 'px';
obertka.className = 'show';

return false;
}
}

С этим кодом оно теперь вообще не закрываеться ohmy.gif

Спустя 1 час, 45 секунд (16.07.2009 - 12:51) pas написал(а):
Внутри showPopup используются функции getPageSize(), resizeWindow(). Их Вы оставили? А также фунции, которые используются в этих функциях и т.д.

Спустя 1 час, 29 минут, 14 секунд (16.07.2009 - 14:21) UnWind написал(а):
Цитата

Хм. Нет не ставил.Внутри showPopup используются функции getPageSize(), resizeWindow(). Их Вы оставили? А также фунции, которые используются в этих функциях и т.д.

Хм. Нет, не ставил.
Спасибо, вечером попробую.

Спустя 5 часов, 46 минут, 31 секунда (16.07.2009 - 20:07) UnWind написал(а):
Всё равно окно не закрываеться... sad.gif

Спустя 53 минуты, 9 секунд (16.07.2009 - 21:00) pas написал(а):
Если заглянуть в div обёртка, то можно увидеть, что по клику по нему вызывается функция hidePopup(). Она у Вас есть?

Спустя 1 час, 8 минут, 7 секунд (16.07.2009 - 22:08) UnWind написал(а):
Цитата
Если заглянуть в div обёртка, то можно увидеть, что по клику по нему вызывается функция hidePopup(). Она у Вас есть?

Да, есть.
Спасибо))
Всё заработало))

Спустя 3 дня, 12 часов, 55 минут, 57 секунд (20.07.2009 - 11:04) UnWind написал(а):
Всё, спасибо большое, я сам разобрался. biggrin.gif


_____________
Искусство программирования - заставить компьютер делать всё то, что Вам делать лень!
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.