Плавающее окно на java script

47

lazio

5 февраля 2008, 07:21

6173

Столкнулся с такой задачей: необходимо сделать всплывающее окошко на java, но! всплывать оно должно по центру экрана не зависимо от разрешения монитора, браузера и того места страницы где находится пользователь. К примеру если пользователь пролистал страницу до самого низа и кликнул на кнопочку, он должен увидеть это окошко в середине своего монитора. Сейчас окошко имеет статическое положение:


function CreateShMess()

{

	removeShMess();

	message = "Товар добавлен в корзину. Для оформления заказа нажмите \"Ваша корзина\" в верху страницы.";

	var text = document.createTextNode(message);



	var elem = document.createElement("div");



	elem.setAttribute('id', 'fixme');

	elem.setAttribute('onclick', 'removeShMess();');



	elem.appendChild(text);



	var brelem = document.createElement("br");

	elem.appendChild(brelem);



	var elemlink = document.createElement("a");

	message = "переходите к оформлению заказа.";

	var textlink = document.createTextNode(message);

	elemlink.appendChild(textlink);

	elemlink.setAttribute('href', 'http://internet.shop.by/shcart/?step=2&nstep=2&url=/');



	//elem.appendChild(elemlink);



	document.getElementsByTagName("body")[0].appendChild(elem);



	toMesHide = elem;



	tmSh = window.setTimeout(removeShMess, 6000);



}

Спасибо!

COMFI - Начни Зарабатывать! (http://affiliate.comfi.ru/a2/466735/Program-Overview)

35

peterpro

5 февраля 2008, 07:52

#1

советую посмотреть в сторону CSS - position

http://htmlbook.ru/css/position.html

356

neznaika

5 февраля 2008, 08:03

#2

http://www.dynamicdrive.com/dynamicindex8/dhtmlwindow/

Может поможет :)

Дорого покупаю настоящие сайты. Не инвестирую деньги и не беру кредиты.

47

lazio

5 февраля 2008, 08:42

#3

к сожелению не подходят варианты, мот можно прикрепить к боковому скролу? что б когда прокручивалась страница, прокручивалось и окошко. Часто так банеры делают, но не могу ща припомнить где посмотреть))

69

Kolyaj

5 февраля 2008, 11:37

#4

Основная задача здесь определить размеры рабочей области браузера, после чего, например для позиции по горизонтали, из ширины рабочей области вычитаем ширину всплывающего окна, делим на 2 и прибавляем скрол по горизонтали. Скрол это у нас document.body.scrollLeft и scrollTop. А функции определения рабочей области у меня работают следующие (вы уж сами в них разберитесь, если надо, а можете просто скопировать):


  document.getViewportWidth = function() {
    return (document.compatMode || navigator.isIE) ? (document.compatMode == 'CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth : (document.parentWindow || document.defaultView).innerWidth;
  };

  document.getViewportHeight = function() {
    return ((document.compatMode || navigator.isIE) && !navigator.isOpera) ? (document.compatMode == 'CSS1Compat') ? document.documentElement.clientHeight : document.body.clientHeight : (document.parentWindow || document.defaultView).innerHeight;
  };

upd: Да, там еще определение браузеров имеется


  var ua = navigator.userAgent.toLowerCase();
  navigator.isOpera = (ua.indexOf('opera')  > -1);
  navigator.isGecko = (!navigator.isOpera && ua.indexOf('gecko') > -1);
  navigator.isIE    = (!navigator.isOpera && ua.indexOf('msie') > -1);

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие

386

dkameleon

5 февраля 2008, 12:37

#5

http://riddle.pl/-/xhtml/expressions/fixed.html

Видимо, нужно такое позиционирование. Показ/скрытие уже как-нибудь сами прикрутите :)

Дизайн интерьера (http://balabukha.com/)

47

lazio

6 февраля 2008, 07:46

#6

всем спасибо.

Тренды маркетинга в 2024 году: мобильные продажи, углубленная аналитика и ИИ

Яндекс Вебмастер вынес товарные фиды в отдельный раздел