Comments 11
хорошая работа, сохранил сорцы, спасибо
UFO just landed and posted this here
ИМХО формы на флеше — это извращение. Я такое на JS делал по аналогу с моей первой статьей на хабре. Суть:
INPUT расположен над SPAN'ом, в котором нарисован шаблон. У инпута при этом нулевой opacity. Все что идет в инпут по keyUp отправляется в скрипт, который по шаблону загоняет это дело в SPAN под дивом с нужным шрифтом и обертками (скобочки и прочее). Единственное что было неудобно — это невидно курсора, но данная проблема решилась все по тому же событию, передвигая в спане мигающую гифку из двух кадров в соответствии с текущим курсором в инпуте. Курсор я взял из доджо, там неплохая функция getCaretPos. Последний минус я не решал уже, это был даблклик по инпуту, заносил в буфер содержимое, но сам селекшн в спане не подсвечивал. В принципе это тоже можно сделать без особых проблем, отследим selectionRange и подсветив нужные буквы, правда тут придется посимвольно в спаны их загонять.
INPUT расположен над SPAN'ом, в котором нарисован шаблон. У инпута при этом нулевой opacity. Все что идет в инпут по keyUp отправляется в скрипт, который по шаблону загоняет это дело в SPAN под дивом с нужным шрифтом и обертками (скобочки и прочее). Единственное что было неудобно — это невидно курсора, но данная проблема решилась все по тому же событию, передвигая в спане мигающую гифку из двух кадров в соответствии с текущим курсором в инпуте. Курсор я взял из доджо, там неплохая функция getCaretPos. Последний минус я не решал уже, это был даблклик по инпуту, заносил в буфер содержимое, но сам селекшн в спане не подсвечивал. В принципе это тоже можно сделать без особых проблем, отследим selectionRange и подсветив нужные буквы, правда тут придется посимвольно в спаны их загонять.
Я нигде не писал что использовал данный компонент вместо HTML-форм. Мне данное решение нужно было для Flex-проекта.
и вот пока это описывал стукнуло в голову новое решение… Делаем label for а блок input ныкаем за пределами экрана или в oveflow:hidden куда-нибудь, клик по лейблу кинет курсор в инпут, а дальше стандартный ввод, обработка, запихивание в лейбл того что получилось. При этом селект по метке будет проходить как будто это обычный текст. Тут надо будет обработать маус даун и маус ап, если ап произошел не сразу, а после мува пикселей на больше трех, то возвращать false с метки, ибо пошел селект.
UFO just landed and posted this here
Sign up to leave a comment.
Вводим текст в TextInput по маске