Как стать автором
Обновить

Hover под прозрачным изображением

Чулан
В очередной раз сталкиваюсь со следующей проблемой при вёрскте html. Поверх контента находится изображение с прозрачными или полупрозрачными (как .gif, так и .png) областями. Через эти области виден контент, но использовать его (выделять текст, нажимать ссылки и т.д.) пользователь не может.

Знает ли кто-нибудь из знатоков французского, как эту проблему решить? Вариант с разрезанием исходного изображения на кучу маленьких не предлагать — не будем проявлять слабость :)
Читать дальше →
Всего голосов 10: ↑2 и ↓8 -6
Просмотры 678
Комментарии 9

focus в Opera Mobile 9.5 для Pocket PC

Разработка веб-сайтов *
Задача очень специфичная, возникает только если вы разрабатываете web приложение для КПК.

Мне её предложил мой друг. Он реализовывал сбор информации о остатках на складе с помощью сканеров. Т.е. специальные аппараты под управлением Windows Mobile со считыванием штих кода, связанные по WiFi с сервером где храниться номенклатура товара. Реализовано было как web приложение, тонкий, да не очень клиент — Opera. Одна из задач — экономить время рабочих на работу с интерфейсом и минимизировать или совсем убрать повторяющиеся рутинные операции. Под задача — автоматический перевод фокуса на input'ы.

Выяснилось, что Opera метод focus для input работает не так как ожидалось — при вызове этого метода для input KEY_DOWN этим элементом не ловиться.

Далее решение...
Всего голосов 4: ↑4 и ↓0 +4
Просмотры 564
Комментарии 3

Windows Mobile: проблемы с фокусом в ImageButton

Разработка мобильных приложений *
Всем доброго дня!

Проблема следующая: требуется элемент управления ImageButton для Windows Mobile Application, который совмещал бы поведение элементов управления Button и PictureBox.

Варианты ImageButton:
1. Использовать элемент управления Button. Проблема: отсутствие свойства Image как в WinForms аналога.
2. Использовать элемент управления PictureBox, который поддерживает событие OnClick. Проблема: PictureBox не поддерживает метод Focus (а также его наследники), Справедливости ради надо сказать, что программно можно вызвать этот метод, но визуально это никак не будет заметно. Кроме того, мы не можем переключаться с помощью таба между несколькими элементами управления типа PictureBox.
3. Унаследоваться от Button и попробовать реализовать свойство Image самостоятельно. Этим способом у меня не получилось добиться желаемого результата.
4. Унаследоваться от Control и реализовать свою логику отрисовки элемента управления, как это рекомендует делать Mictrosoft. Проблема: не прорисовывается рамка фокуса. Именно эту проблему мы и попробуем решить.

Читать дальше →
Всего голосов 2: ↑0 и ↓2 -2
Просмотры 412
Комментарии 0

FF — интересный момент, которого раньше не знал

Чулан
Сразу к делу.

В форме сделал такую конструкцию для автокомплита (два инпута внутри одного label):

label
-> input type=hidden
-> input type=text


И обнаружил, что при таком раскладе текстовое поле не может получить фокус после клика мышью (курсор появляется и тут же исчезает, если начать ввод с клавиатуры — ничего не происходит). После выяснил: если оба инпута сделать текстовыми, то отчетливо видно, что делается: при клике на второй инпут (mouseDown) курсор там появляется, но при mouseUp он тут же перескакивает на первый инпут. Раньше такого не знал, да и поиск не шибко помог (может, конечно, плохо искал), вот и решил опубликовать.

Да, кстати, если перемещаться по форме с помощью Tab — все нормально, фокус не теряется. И еще — в хроме такого эффекта нет, больше нигде не смотрел.
Всего голосов 14: ↑6 и ↓8 -2
Просмотры 160
Комментарии 13

Пунктирная рамка вокруг ссылок и навигация с клавиатуры

Разработка веб-сайтов *
Думаю, все знают, что это такое. Некоторые браузеры, в частности, Фаерфокс и Интернет Эксплорер 8 рисуют однопиксельную пунктирную рамку вокруг ссылок и внутри кнопок, когда пользователь нажимает на них. Если сайт состоит из голого html, скорее всего, дискомфорта они не доставят. Но если все ссылки как-то стилизованны, вам (или вашему дизайнеру), скорее всего захочется избавиться от этого. Тем более, что эта рамка может отобразиться в неподходящем месте:

image
Читать дальше →
Всего голосов 83: ↑70 и ↓13 +57
Просмотры 15K
Комментарии 60

Давайте разрабатывать UI-элементы правильно

Разработка веб-сайтов *
Не так давно у меня кончилось терпение. По началу всякие плагины, а затем различные framework'и начинают «насиловать» HTMLDocument. Что бы понять потерял элемент фокус или нет — они отслеживают событие onclick на HTMLBodyElement или на HTMLDocument. И если некоторые из них обращают внимание на нажатие Taba при потере фокуса, то большая часть вообще игнорирует данный факт.
Читать дальше →
Всего голосов 64: ↑46 и ↓18 +28
Просмотры 11K
Комментарии 27

StayFocusd или связывание себя по рукам и глазам

Google Chrome
Hello, Хабр.

Ответьте, уважаемые читатели, мне на один вопрос — не должны ли вы сейчас заниматься каким нибудь полезным делом вместо чтения Хабра? Возможно над вами нависает проект, который необходимо отослать уже вчера? Или лабораторная в университете, которую нужно сдавать уже сегодня утром? Или экзамен, собеседование, а может семья, или просто хорошая книга?

Но вы здесь. Или еще где-то, но только не там, где должны.

image

Если вы понимаете о чем я - добро пожаловать под кат.
Всего голосов 50: ↑38 и ↓12 +26
Просмотры 33K
Комментарии 39

Аудиофокус — управление доступом к звуковой подсистеме

Разработка под Android *
Из песочницы
Это перевод статьи Respecting Audio Focus Kristan Uccello, Google Developer Relations

Считается грубым перебивать во время доклада, это показывает неуважение к докладчику и раздражает аудиторию. Если ваше приложение не учитывает правила работы с аудиофокусом, значит, оно не уважает остальные приложения и раздражает пользователя.
Читать дальше →
Всего голосов 9: ↑9 и ↓0 +9
Просмотры 16K
Комментарии 0