Comments on: Делаем компактные формы более доступными

By: Folindril

Folindril — Tue, 01 Jun 2010 10:50:32 +0000

чтобы при наведении курсора на текстовое поле курсор имел соответствующий вид, неплохо было бы в стиль добавить:

label.overlabel-apply {
pointer: text;
....
}

By: Колян

Колян — Fri, 26 Mar 2010 10:31:12 +0000

2karl

Представляю, как будет выглядеть лычка для поля типа password.

[Логин ]
[****** ]

By: 5 юзабилити кошмаров на каждый день - Design For Masters

5 юзабилити кошмаров на каждый день - Design For Masters — Wed, 07 Oct 2009 09:37:17 +0000

[...] Решение: чтобы полностью исключить такую проблему, никогда не вводите текст приглашения непосредственно в поле, используйте технику описанную в статье о компактных формах. [...]

By: karl

karl — Tue, 18 Aug 2009 05:22:31 +0000

к вопросу о компактных полях:
зачем столько не нужного яваскрипт-кода?
всю жизнь использовал такой механизм:
(--input name="period[value]" class="input-text select-date" value="Период проживания" onfocus="if(this.value == 'Период проживания') this.value = ''" onblur="if(this.value == '') { this.value = 'Период проживания';}" type="text" --)
при необходимости можно скрипт упростить и автоматизировать для любой формы

By: DoubleG

DoubleG — Fri, 17 Jul 2009 13:14:29 +0000

Опытным путём выяснил, что влияет на это

label.overlabel-apply { left:5px; }

если left поменять на right

By: DoubleG

DoubleG — Fri, 17 Jul 2009 12:35:32 +0000

Спасибо за статью.

ТОлько в вашем примере способ с text-indent работает, а у меня нет. не могу понять почему =((
Если сделать скрипт с

labels[i].style.display = (hide) ? 'none' : '';

то всё работает.

http://brewquacrew.spb.ru/

By: Overlabel в ExtJS

Overlabel в ExtJS — Fri, 03 Oct 2008 20:43:52 +0000

[...] [1]http://www.alistapart.com/articles/makingcompactformsmoreaccessible [2]http://designformasters.info/posts/compact-accessible-forms/ Добавить пост в: Подписаться [...]

By: Евгений

Евгений — Mon, 23 Jul 2007 11:59:33 +0000

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

By: Growlin

Growlin — Mon, 23 Jul 2007 06:53:51 +0000

Аксессибилити - может быть, все-таки лучше писать "доступность".

By: Евгений

Евгений — Thu, 28 Jun 2007 11:55:30 +0000

Вчера вечером придумал как решить эту проблему и запостил коммент на локальную версию сайта, чтобы утром еще раз подумать над ним, а утром обновил базу :(

Вот пример, в котором нет скачка при загрузке (по крайней мере в тех браузерах которыми я располагаю).

Нужно запускать скрипт сразу же после загрузки формы с помощью строки (не дожидаясь onload, потому что браузеры начинают рендерить страницу до окончания загрузки), для этого его нужно загрузить раньше формы (придется размещать скрипт в html файле, потому что с внешним файлом скриптов этого нельзя гарантировать).

Но если запускать скрит слишком рано в некоторых браузерах label будет перекрывать запомненные значения полей, чтобы избежать этого нужно немного модифицировать функцию initOverLabels, для того чтобы она скрывала label, если поле не пустое, и вызвать ее по событию onload (а для некоторых браузеров и еще раз с некоторой задержкой).

Вот часть функции в которую внесены изменения.

if (labels[i].className == 'overlabel' || labels[i].className == 'overlabel-apply')