Леонид Каганов

логин:

нечитанное

содержание

о дневнике

купить рекламу

февраль 2012
ПНВТСРЧТПТСБВС
  12345
6789101112
13141516171819
20212223242526
272829

движок

статистика

RSS вход

посещений: 1401

 

<< предыдущая заметка 
23 февраля 2012
Прошу совета: как бросить тень?

Ситуация: на странице открываются разные окна (например, окно комментария и т.п.)

Надо сделать так, чтобы верхнее выглядело активным, а все остальные вместе с самой страницей — чуть более тусклыми.

При этом надо, чтобы на странице все продолжало нажиматься! А все остальные открытые окна тоже были доступны для клика (например, с целью переключения на них).

Для примера вызовите два окна комментария, слегка разнесите их по сторонам экрана (мышкой за каемочку) и покликайте между ними: я сейчас сделал для примера активное красным бордюром-точками. Когда кликаешь на какое-нибудь из открытых окон — ему присваивается самый большой z-index и оно становится поверх всех (я специальную завел переменную=10 и увеличиваю ее++).

Так вопрос: можно ли еще и затемнение остальных грамотное сделать?

Из подручных средств есть, например, setOpacity(id,0.4);

Мне посоветовали создавать поверх главного окна темный DIV и предмаксимальным z-index и менять его прозрачность. Но это отстой и дурной тон: тогда на странице ничего не нажимается и не выделяется. А у нас не та идеология движка, чтоб открытие на странице какого-то вспомогательного окна становилось адским ЧП, замораживающим всю остальную жизнь.

<< предыдущая заметка  
Оставить комментарий
Комментарии открытых 54:
Windows Firefox
0
0
Pavel Vlasov
/* Мне посоветовали создавать поверх главного окна темный DIV */

А по мне так дельный совет. Просто следует ещё и ловить в этом диве нужные события и пропускать их все наверх, к parentNode.
Windows Safari Chrome
0
0
Anonymous#1687979
test
Windows Firefox
0
0
Сергей Яковлев
Как вариант — отдельные классы стилей (css) для активных и неактивных окон. Для активного — нормальный стиль, для неактивного — более бледные (или тёмные) цвета.

При открытии нового окна, у старого надо заменить класс стиля.

// Пример
something.className = 'unactiveWindow';

Насчёт тени — совсем просто: box-shadow.
Linux Firefox
0
0
Leonid Kaganov
Поскольку речь идет обо всем экране, заранее не знаешь, какие там элементы.
Windows Firefox
0
0
Сергей Яковлев
Тегу body тоже можно назначать класс. Правда, в этому случае, таблица стилей увеличивается в два раза (для активной страницы и страницы с открытым окном).
Linux Firefox
0
0
Leonid Kaganov
У меня в движке фактически нет таблицы стилей. Она - у пользователя движка. Заставлять его рисовать две таблицы я не могу.

Вдобавок я вообще не понимаю, что нам даст таблица стилей. Ну, сделал ты рамочки тусклее, фон серее, а шрифт блеклый. А картинки? А вставленные с Ютуба ролики? Таблицы? Результаты выполнения скриптов? А главное - встроенные в страницу IFRAME с других сайтов, которых при нашей идеологии в будущем ожидается чуть более, чем дофига? Куда это все девать со страницы пользователя, когда придет время показать, что основной экран стал не так активен, как всплывшее по центру окошко?
Windows Firefox
1
0
Сергей Яковлев
Ну ладно, тупиковая ветвь.
Mac Firefox
1
4
Eugene Bond
Если все-таки перестать заниматься некрофилией и предположить, что 80 процентов людей пользуются современными браузерами, а оставшиеся 20 процентов удовлетворятся некликабильностью, то решение задачи сводится к одному единственному pointer-events CSS свойству у гифа с тенью

Прмер тут: http://www.searchlawrence.com/click-through-a-div-to-underly[...]
Описание тут: http://stackoverflow.com/questions/3680429/click-through-a-d[...]
Linux Firefox
0
0
Leonid Kaganov
О! Спасибо!
Nokia-E90 Safari
0
0
lleo dsdfsf
Теперь осталось понять, как УЗНАТЬ, поддерживает браузер это или нет.

Например, я пишу с мобильника - передо мной открытое окнов АБСОЛЮТНО черном экране. То есть ДИВ нарисован под окном, закрыл все, но прозрачности нет и прокликивания насквозь тоже.

Хорошо, если удастся отправить камент :)
Nokia-E90 Safari
1
0
lleo dsdfsf
Уф... удалось отправить :)
Как окно закрылось. Так адский ДИВ исчез :)
Linux Ubuntu Firefox
0
0
Andrey Pozdnyakov
А авторизацию уже пофиксили?
Linux Firefox
0
0
Leonid Kaganov
А она и не ломалась вроде.
Windows Firefox
0
0
Anonymous#1536830
По OpenID (LiveJournal), вроде, до сих пор нельзя залогиниться.
Linux Firefox
0
0
Leonid Kaganov
А шо же мешает?
Windows Firefox
0
0
Cat's shadow
А ulogin при этом доступен? Последнее время они сообщали, что "ДДОСят из-за feb23.ru (у них стоит авторизация) Новости в twitter.com/uloginteam "
http://habrahabr.ru/blogs/webdev/130893/
Windows Firefox
0
0
Cat's shadow
Если не затруднит, подскажите, плз, как бороться с авторизацией:
"Если пользователь не авторизован, то при клике по кнопке "anonymous" открывается форма логина, как и должно быть, но поверх неё отрисовывается форма без полей ввода, с текстом "unic: 0 r:"" (полностью вопрос и скриншот в последних комментах к http://lleo.me/blog/2011/11/05.html)

И ещё, не подскажете, как включить логгирование? Непонятно, почему не отправляется почта (ответы на комментарии), хотя адрес подтвержден, и не на все адреса отправляется запрос подтверждения (к примеру на @gmail.com -- отправка не проходит).
Windows Firefox
0
0
Cat's shadow
P.S. А вот вопрос -- можно ли разнести авторизацию последством стороннего виджета и средствами сайта? Не то как сейчас получится -- ulogin.ru DDoS-ят, залогиниться никак (что естественно -- виджет не отрисовывается, форма ждёт)
Nokia-E90 Safari
0
0
lleo dsdfsf
С этим чуть позже... Сорри.
Windows Firefox
0
0
Cat's shadow
Спасибо!
Не страшно, ulogin опять поднялся. :)

Главное -- разобраться бы с почтой и непонятным "окном" при авторизации.

Всё-таки, как запись логов включить? (что-то я слегка запутался, когда лазал по исходникам)
Linux Ubuntu Firefox
0
0
Andrey Pozdnyakov
Я пробовал поставить новую версию (с юлогином), но она не заработала, пришлось откатить. Это было в декабре. Проанонсируйте, пожалуйста, когда можно будет обновиться на стабильную версию.
Linux Ubuntu Firefox
0
0
Andrey Pozdnyakov
Да, и "редактор карточки" у вас тормозит и не работает.
Windows Firefox
0
0
quantum
Вход под этим логином и паролем наименее желателен, а улогин не работает:)

Леонид, Зная вашу любовь к большим телефонам, решил картинку запостить. Как вам такой телефон? Клавиатура 5 рядов, железо нормальное, андроид.

motorola droid 4
Linux Firefox
0
0
Leonid Kaganov
Здесь дело не в количестве клавиш, а в площади РАБОЧЕГО ПОЛЯ.
Потому что понятно, что современные технологии позволят напихать 100 клавиш и в спичечный коробок, вот только работать с ними нельзя.

Минимум работы - это Нокия Е90 (предыдущие модели линейки были значительно больше и шире, эта - на грани), у нее размеры корпуса в развернутом состоянии 132x115мм, то есть общая площадь 15180мм2.

Это - минимум рабочего места, который позволяет написать и отредактировать (!) статью. Я думаю, что эта Моторола по своей площади обычная какашка.
Windows Firefox
0
0
quantum
Про рабоче поле я помню:)

Судя по пропорциям и спекам у этой будет 126x110. Меньше чем е90.
Linux Firefox
3
0
Leonid Kaganov
Это очень плохо.

Вообще плохо, что производители вышли на это рынок. Это была ниша с 1996 года, товар выпускала только Нокия (маленькие ноутбуки с симкой), и никто больше этим не интересовался. Я один в 2001 ходил с такой штукой, у всех вокруг были мобилки о шести кнопках "на звонок чиста ответить чтоб карман не оттопыривало", а на меня смотрели как на больного и говорили "ого какой большой, как ты его носишь, им же убить можно!" И все были рады. Дебилам - дебилово, гикам - гиково. Поэтому никто не диктовал законы.

А теперь каждая собака хочет иметь в кармане СМАРТФОН. И нишу засрали. Теперь каждый производитель пытается делать смартфон для дебилов - "на звонок чиста ответить чтоб карман не оттопыривало, но чтоб при этом смартфон блять!" :)
Windows Firefox
0
0
quantum
Скорее всего в будущем таки появится что-нибудь побольше с клавиатурой. Не побоялся же самсунг свой note выпустить.

Ну а смартфоны - это было неизбежно.
Nokia-E90 Safari
0
0
lleo dsdfsf
Нет, ничего хорошего я не жду... :)

всего комментариев: 54

<< предыдущая заметка  
Комментарии открытых 54: