Всплывающее окно

[DjTarik]

Имеется вот такая штука:

Как ее грамотно заверстать?

На ум приходит только либо таблца 3х3, или же дивами (там из тоже будет много). Расскажите, кто как делает подобные вещи?

P.S. Также нужно отметить, что окно должно тянуться как по горизонтали, так и во вертикали. Тень и углы - естественно полупрозрачные.

Спасибо за любую инфу...

[psywalker]

Он тебя решил здесь достать

Дааа, от него не спрячешьсяя, везде блин найдётт

[DjTarik]

По теме - наконец доделал это коварный блок.

Круглые полупрозрачные уголки, тянется во все стороны, 3 спрайта. По идее - работает везде.

Если кто-нить может протестить и высказать замечания - буду очень рад.

http://www.tarik.kasperovich.ru/test_4/index.html

P.S. Спецом для psywalker: как тебе такой вариант? Может есть что лишнее? Можно как-нить упростить?

[psywalker]

По теме - наконец доделал это коварный блок.

Круглые полупрозрачные уголки, тянется во все стороны, 3 спрайта. По идее - работает везде.

Если кто-нить может протестить и высказать замечания - буду очень рад.

http://www.tarik.kasperovich.ru/test_4/index.html

P.S. Спецом для psywalker: как тебе такой вариант? Может есть что лишнее? Можно как-нить упростить?

Слушай, этот вариант вроде бы получше, а ты не мог бы сделать пример Чисто этого блока, с картинками, нормальными комментами в коде и всё это запихнуть в архив и мне скинуть ссылку на него в личку? А я бы када было время, рассмотрел бы внимательно

[DjTarik]

могу... Ток чуть попозже, как до дома доберусь...

P.S. Мне в нем не нравиться ток то, что в ie6 вылазят странные однопиксельные глюки то справа, то снизу... ХЗ отчего, почему и как это фиксить. Предположение ток одно - из-за процентов...

[psywalker]

могу... Ток чуть попозже, как до дома доберусь...

P.S. Мне в нем не нравиться ток то, что в ie6 вылазят странные однопиксельные глюки то справа, то снизу... ХЗ отчего, почему и как это фиксить. Предположение ток одно - из-за процентов...

Ок, отлино дружище, тогда я буду ждать, а там разберёмся

[lavr-ik]

Ребята, все давным давно уже придумали за нас

1. Универсальный способ декорирования блоков

2. Центровка попапа элементарна (естественно, только на скриптах):

а. получаем ширину и высоту страницы (именно страницы, а не окна), получаем текущий отступ окна от верхнего края страницы;

б. на лету создаем темный блок-заливку, присваиваем ему полученную ширину и высоту страницы.

в. загружаем попап и после полной загрузки получаем его внешнюю высоту и ширину (outerHeight() и outerWidth() в jQuery);

г. нехитрыми математическими операциями взаимодействуем с данными из пункта а и в и центруем попап.

Сам попап также должен создаваться скриптом для того, чтобы не было проблем с отображением в IE.

Хаха, только после коммента заметил, что последний пост за прошлый год Звиняйте

Edited November 30, 2009 by lavr-ik

[DjTarik]

Ребята, все давным давно уже придумали за нас

1. Универсальный способ декорирования блоков

2. Центровка попапа элементарна (естественно, только на скриптах):

а. получаем ширину и высоту страницы (именно страницы, а не окна), получаем текущий отступ окна от верхнего края страницы;

б. на лету создаем темный блок-заливку, присваиваем ему полученную ширину и высоту страницы.

в. загружаем попап и после полной загрузки получаем его внешнюю высоту и ширину (outerHeight() и outerWidth() в jQuery);

г. нехитрыми математическими операциями взаимодействуем с данными из пункта а и в и центруем попап.

Сам попап также должен создаваться скриптом для того, чтобы не было проблем с отображением в IE.

Хаха, только после коммента заметил, что последний пост за прошлый год Звиняйте

1. Читал, и не один раз...

там вроде как резина ограничена, используется скрипт для прозрачности и что-то там мне еще не понравилось))) точно уже не помню... А мы ищем гибкое решение, подходящее НЕ под конкретный случай. Исправьте меня, если что не так.

2. Центрирование на скриптах - тож всем известно. А без них? =)

Да и уже не про попап разговор...

[DjTarik]

могу... Ток чуть попозже, как до дома доберусь...

P.S. Мне в нем не нравиться ток то, что в ie6 вылазят странные однопиксельные глюки то справа, то снизу... ХЗ отчего, почему и как это фиксить. Предположение ток одно - из-за процентов...

Половину решил... Ща попробую добить оставшуюся)))

[DjTarik]

Блин... IE 6 и bottom: 0;

Кто знает, как пофиксить?

С position: absolute; right: 0; - разобрался, а вот с bottom: 0; - пока никак... Хотя проблема идентична.

http://www.tarik.kasperovich.ru/test_4/index.html

[lavr-ik]

1. Читал, и не один раз...

там вроде как резина ограничена, используется скрипт для прозрачности и что-то там мне еще не понравилось))) точно уже не помню... А мы ищем гибкое решение, подходящее НЕ под конкретный случай. Исправьте меня, если что не так.

Вы знаете, решение от технического директора Студии Лебедева наверняка максимально универсально

[DjTarik]

Вы знаете, решение от технического директора Студии Лебедева наверняка максимально универсально

Возможно... Я давненько не был у Лебедева, но точно знаю одно - если я сам до этого додумаюсь - пользы будет гораздо больше, нежели просто юзать чьё-то решение.

Ща гляну, что там у него и как.

[lavr-ik]

Возможно... Я давненько не был у Лебедева, но точно знаю одно - если я сам до этого додумаюсь - пользы будет гораздо больше, нежели просто юзать чьё-то решение.

Ща гляну, что там у него и как.

Ваша правда

[DjTarik]

Да нету там ничего путного, у Лебедева...))) Все заметки уж очень давно написаны. Про уголки - там без прозрачности, и такой вариант тож мы уже обсуждали.

P.S. Кстати - я свой все-таки доделал) Теперь везде идеально работает)))

[psywalker]

Да нету там ничего путного, у Лебедева...))) Все заметки уж очень давно написаны. Про уголки - там без прозрачности, и такой вариант тож мы уже обсуждали.

P.S. Кстати - я свой все-таки доделал) Теперь везде идеально работает)))

А как доделал, сможешь мне новый архив сделать, рабочий?

[DjTarik]

А как доделал, сможешь мне новый архив сделать, рабочий?

Да там все просто - полазил по форуму, по инету - нашел нужный экспершн - у все.

Теперь еще + один глюк и его решение в копилку багов под ie6)))

P.S. Чуть позже будет время - скину ссылку...

[psywalker]

Да там все просто - полазил по форуму, по инету - нашел нужный экспершн - у все.

Теперь еще + один глюк и его решение в копилку багов под ie6)))

P.S. Чуть позже будет время - скину ссылку...

Да, скинь обязательно, мне это важно дружище..спасиб