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

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

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

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

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

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

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

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

<< предыдущая заметка следующая заметка >>
пожаловаться на эту публикацию администрации портала
архив понравившихся мне ссылок
Оставить комментарий
Windows Firefox
0
0
Pavel Vlasov
/* Мне посоветовали создавать поверх главного окна темный DIV */

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

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

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

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

Вдобавок я вообще не понимаю, что нам даст таблица стилей. Ну, сделал ты рамочки тусклее, фон серее, а шрифт блеклый. А картинки? А вставленные с Ютуба ролики? Таблицы? Результаты выполнения скриптов? А главное - встроенные в страницу IFRAME с других сайтов, которых при нашей идеологии в будущем ожидается чуть более, чем дофига? Куда это все девать со страницы пользователя, когда придет время показать, что основной экран стал не так активен, как всплывшее по центру окошко?
Windows Firefox
1
0
[email protected]Сергей Яковлев (sergeyakovlev.com)
Ну ладно, тупиковая ветвь.
Mac Firefox
2
4
lleo.me/[email protected] 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 (lleo.me)
Теперь осталось понять, как УЗНАТЬ, поддерживает браузер это или нет.

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

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

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

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

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

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

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

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

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

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

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

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

Ну а смартфоны - это было неизбежно.
Nokia-E90 Safari
 Москва
0
0
lleo dsdfsf (lleo.me)
Нет, ничего хорошего я не жду... :)
Windows Firefox
0
0
anonymouse (#1279050)
Созданы 2 окошка комментария и растянуты как велено. Активное окошко светится желтым, все остальное голубоватое вместе со страницей. Особенных рамочек не наблюдается. окно становится активным не кликом, а наведением курсора. Наверно, кликом было бы лучше. и страница продолжает спокойно кликаться.
Windows Safari Chrome
0
0
anonymouse (#1687979)
ну хорошо же вроде получилось, мышкой переключается перекрытие окон, а клавиатурный фокус ввода сохраняется, устанавливается по клику.
Windows IE
0
0
D.iK.iJ
В ИЕ... ну да ладно, всем пофиг.

Хотя я и вспомнил как исправить в ИЕ 90% ошибок движка. Виноваты различные функции. Если джаваскрипт использует на странице что-то, что браузер еще не загрузил - выдается ошибка.
у меня на сайте из-за этого вся работа с текстом вызывается скриптом в самом конце. Так вот.
+ особо глючным оказался скрипт назначения комментариев к объектам. Аццкий ужас в ИЕ в плане количества ошибок. Он тоже должен вызываться позже всех.

Ладно, может и есть норамльное решение, но я его пока не знаю.
Windows Safari Chrome
0
0
это я!
Linux Firefox
 Пенза
0
0
Как-то предложил Леониду эту идею с затенением. Прошло всего полтора года - и он её реализовал!

Пруфпик прилагается.





Windows Safari Chrome
0
0
anonymouse (#1536370)
О, затемнение появилось!
Linux Ubuntu Safari Chrome
0
0
anonymouse (#1723298)
test
Windows Safari Chrome
0
0
shenkman (#1748242)
Ян
Windows Firefox
 Киев
0
0
lleo.me/[email protected]Леша
http://support.google.com/webmasters/bin/answer.py?hl=ru&[...]

может пригодится?

какую строку добавить в код сайта, чтобы гугл для мобилок не пытался показывать свой сайт "форматированный под мобилку" вместо вашего.
Linux Firefox
 Москва
0
0
Leonid Kaganov
По ссылке я вижу ровно наоборот: как сделать собственный мобильный дубль контента и как указать этот дубль.

Я вообще идеологически против параллельного мобильного контента - считаю, что развивать следует мобильные устройства, а не отдельный "параллельный интернет" для них.

Впрочем, сайт свой я делал с тем расчетом, чтобы он все равно успешно отображался на любом устройстве и жкране в минимальном объеме: текст, фото, навигация.
Windows Firefox
 Киев
0
0
lleo.me/[email protected]Леша
0o

ну значит все остальные будут вместо вашего сайта видеть сайт гугла - делов то :)

не хотите - не надо
Linux Firefox
 Москва
0
0
Leonid Kaganov
Остальные - кто?

Владельцы совсем допотопных мобильников, ходящие в интернет именно с них?
Mac Safari
0
0
Елена (#1752346)
Ссылки будут активные, но затемненные - а это не создаст ложное впечатление об их неактивности ?)
Linux Firefox
 Москва
0
0
Leonid Kaganov
Пока открыто окно, в которое пользователь вызвал, чтобы вести какую-то работу, кого это волнует?
Windows Safari Chrome
0
1
Елена Хохлова
А ну тогда да, скорее всего это не так важно тогда, если это просто окно, открытое только чтобы ввести работу и все!
Windows Firefox
 Москва
0
0
Roman Erykalov
Лёня, я тут попытался обновиться, и возникла проблема с аяксовским редактором - он перестал подгружать опции и теги, те, которые внизу, причем, не только в моем шаблоне (сначала грешил на него), но и в стандартном blog. Firefox 10. Пришлось откатиться.
И еще вопрос: напомни, пожалуйста, где задается шаблон по умолчанию для новой заметки.
С возвращением. И выздоравливай!
Linux Firefox
 Москва
0
0
Leonid Kaganov
Странно... Шаблон по умолчанию кажется в config.php задается. $zopt_template='blog';

Мне думается, ты чем-то не тем обновился. Например старым /install.php вместо нового /install
Linux Ubuntu Firefox
0
0
Roman Erykalov
Да я неандерталец, как оказалось. У меня не работал ни фига модуль INSTALL, движок писал, что он не может этот модуль найти, пришлось снова обновиться через install.php, и только потом зайти в install - и когда там понажимал кнопочки, все заработало. Спасибо
Linux Firefox
 Москва
0
0
Leonid Kaganov
Ура!!!
Linux Ubuntu Firefox
0
0
Roman Erykalov
Аякс работает, тут ура однозначно. А вот тебе другая сказка на ночь: когда нажимаешь на "посетители", выскакивает следующая хрень
mysql_error
mysql_query("SELECT r.url,r.unic,a.login,a.openid,a.admin,a.realname,a.mailFROM `dnevnik_posetil` AS r, unic AS aWHERE r.url='102' AND a.id=r.unicAND (a.login != '' OR a.openid !='' OR a.realname != '' OR a.lju != '')LIMIT 20000")
Unknown column 'a.lju' in 'where clause'
Linux Firefox
 Москва
0
0
Leonid Kaganov
Вообще-то там в /install могут быть предложены какие-то обновление структуры базы. Либо слева кнопочки висят с предложением обновить, либо какие-то поля предлагается переименовать прямо по центру, где база.
Linux Ubuntu Firefox
0
0
Roman Erykalov
Так в том-то и дело, что я исполнил все предлагаемые телодвижения. Что-то было предложено удалить, что-то добавить, что-то обновить. В принципе, что я сделал сейчас: нашел модуль statistic, к которому обращается ktoposetil, и тупо удалил там фрагмент OR a.lju != ''
И все заработало снова. Только из обозначенных посетителей, соответственно, исчезли все пользователи ЖЖ, которые заходили когда-то. Их не так много и было, надо сказать. Это, видимо, означает, что движок посчитал отчего-то неактуальной запись базы lju и посоветовал мне ее удалить, что я и сделал.
Linux Ubuntu Firefox
0
0
Roman Erykalov
Зато как приятно открыть фотоальбом и редактировать php без проблем! Просто праздник!
Linux Firefox
 Москва
0
0
Leonid Kaganov
О, да, это оно умеет давным-давно ;) Оно еще, помнится, умеет оттуда "втягивать" в базу файлы типа *.htm
Windows Firefox
 Москва
0
0
Roman Erykalov
Ну, и до кучи, все зарегистрированные ранее комментаторы после обновления превратились в анонимусов. Интуитивно понимаю, что искать зарытую собаку следует где-то в районе модуля comment, но не смог разобраться. Не понимаю, от чего зависит отображение в комментах имени по полю realname - ведь когда нажимаешь на посетителей, движок показывает пользователей именно по логину. Но мозга моего не хватает на это.
Linux Firefox
 Москва
0
0
Leonid Kaganov
Ох... Это известная бага, но пока нет времени на движок.
Linux Firefox
 Москва
0
0
Leonid Kaganov
Ну там разное... Например сайт.ру и www.сайт.ru - это два разных сайта. Движок ни при чем - браузер так считает. А движок просто с этим не обучен работать.

Стирание кук тоже не поможет, если есть флеш - надо еще и куки флеша стирать.
Linux Opera
0
0
Roman Erykalov
Я бы не сказал, что не обучен - наоборот, разучился после обновления. Раньше при входе на страничку /admin требовался пароль. Если ты его ввел, ты видишь все скрытые админские материалы. Не ввел или разлогинился - видишь только то, что видят остальные пользователи, даже под своим логином. А теперь нельзя работать на чужом, рабочем, интернет-кафешном компьютере - движок навсегда запоминает, что ты админ. Кнопка "разлогиниться" - совсем не работает. Это, вообще-то, дырища в безопасности. Повторяю еще раз, потому что, мне кажется, ты подумал, что я имею в виду безобидное приветствие и узнавание движком пользователя, который уже посещал страницу.
Linux Firefox
 Москва
1
0
Leonid Kaganov
Страничка /admin устарела. Страничка /install рулит. И пароль там вводить более правильно.
Linux Opera
0
0
Roman Erykalov
О, счастье, о, радость!!! Вылечилась моя головная боль входом и выходом на странице install. Спасибо, теперь уже полное ура!!!
Windows Firefox
 Москва
0
0
Roman Erykalov
Поторопился... На рабочем компьютере ничего не изменилось. Он по-прежнему пускает меня всюду - с логином на странице install или без него. Вечный админ.
Linux Firefox
 Москва
0
0
Leonid Kaganov
Разлогинься в http://---//---/install
Разлогинься в http://www.---//---/install
Windows Firefox
 Москва
0
0
Roman Erykalov
не помогло
Linux Firefox
 Москва
0
0
Leonid Kaganov
Куки бы удалить вручную: adm и adm2 кажется.

Мне помнится, в движке на каком-то этапе сменилась область кук, а некоторые браузеры не понимают этого и не могут перезатереть старую куку.
Windows Firefox
 Москва
0
0
Roman Erykalov
да это ж винда, извините за грубое слово... там куки в таких удивительных местах бывают расположены, что поиск ничего не дает по файлам. Выдается какая-то шняга многобуквенноцифровая из tmp ослика, а в папках FF - пусто. Я решил закрыть вопрос переустановкой firefox - мне уже кажется, что так будет быстрее, с админами на работе я уже договорился, закладки импортирую, пароли, другими людьми сохраненные, тоже. Никто ничего и не заметит :)
Linux Firefox
 Москва
0
0
Leonid Kaganov
Прощу попробовать создать заметку, которая стирает эти куки скриптом ;)

Что-то типа:

{_SCRIPT:
DedAdm=function(){

var N=new Date(); N.setTime(N.getTime()-1); N=N.toGMTString();

document.cookie='adm=0;expires='+N+';path=/;domain=.'+MYHOST+';';
document.cookie='adm2=0;expires='+N+';path=/;domain=.'+MYHOST+';';

document.cookie='adm=0;expires='+N+';path=/;domain=;';
document.cookie='adm2=0;expires='+N+';path=/;domain=;';

document.cookie='adm=0;expires='+N+';path=/;';
document.cookie='adm2=0;expires='+N+';path=/;';

document.cookie='adm=0;expires='+N+';';
document.cookie='adm2=0;expires='+N+';';

alert('ok');
};

_}

<div onclick='DelAdm()'>del!</div>
Windows Safari Chrome
0
0
Тупиточка (tupitochka)
Вот тут стрелки на картинке прикольно сделаны.
http://russian.people.com.cn/31521/7836185.html
мне нравится больше так

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

<< предыдущая заметка следующая заметка >>