методика определения поддержки стилизации placeholdr'а
 

Здравствуйте.
Подскажите пожалуйста, как грамотно определить с помощью JavaScript поддерживает ли браузер цветные placeholder'ы ?
Речь идет о "::-webkit-input-placeholder", ":-moz-placeholder", "::-moz-placeholder", ":-ms-input-placeholder". Парсинг UA не предлагать :no:
Спасибо!

Так вроде только Опера и не поддерживает)
Учитывая что Опера вскоре перейдет на WebKit движок проблема отпадет сама по себе )

До этого "вскоре" я еще 100 раз успею сдать проект, а заказчик как раз на Опере :(
По сабжу - есть какие-нибудь идеи? Тут даже больше мне интересно с точки зрения разработки, как такие вещи отслеживаются в принципе.

Насколько я знаю в javascript нет особых средств работы с псевдоэлементами. Разве что getComputedStyle(input, '::webkit-input-placeholder') - может с этим можно что-то сделать. Но опять же в IE и Opera не работает. Так что, как я уже намекнул - сниффинг браузера...

Invis1ble,
Проще наверно сделать прозрачную основу у input и ставить аналог placeholdеr
бекграндом к обрамляющему input span, удаляемому по событию наведения с анализом ввода
Либо http://www.xiper.net/collect/js-plug...aceholder.html

я так и сделал, написал плагин к jquery. Просто хочу отследить ситуации, когда подключать его не нужно. На данный момент приходится сниффить оперу и ie9

Оффтоп: как подписаться на тему? У меня в "Опциях темы" есть пункт "Отменить подписку на эту тему". Но уведомления на мыло не приходят.

Возможно для единобразия стоит ставить всем.Типично инпутов на странице не много, вероятней всего стиль установленных будет чуть отличаться от дефолтного, но зато идентичен по бразерам

стиль отличается от дефолтного только цветом, поэтому подключать для всех не имеет особого смысла. Так что да здравствуют костыли в виде сниффинга :)

по ссылке "Мои рассылки" мне предагается подписаться на "Статьи и мероприятия" :(

Invis1ble,
Сорри - Мои личные данные и профиль для форума - редактировать и слево

Deff, спасибо, нашел.

Invis1ble, все просто.

if (!('placeholder' in element) || $.browser.opera) {
    эмулируем...
}

danik.js, это не то, что меня интересовало. Как проверить поддержку самого плэйсхолдера я в курсе.

ЗЫ. В любом случае, спасибо всем за участие в обсуждении.

Задача сводится к определению Оперы, разве нет? Ну можешь помучаться с getComputedStyle еще ). Опять же тебе это ничего не даст, так как этот метод не работает с IE и Opera.

Кстати, мож кто в курсе, в спецификации есть что-нибудь про псевдоэлемент-плэйсхолдер?

Если смотреть со стороны решения данной конкретной задачи здесь и сейчас - то да, но мне интересен более универсальный подход. Судя по всему, его не существует.
Насчет спецификации - не в курсе.

ниже 10
:-ms-input-placeholder pseudo-class (Internet Explorer)

рони, речь была о поддержке псевдоэлементов в getComputedStyle

currentStyle

Еще один ))
dmitriymar, как можно через currentStyle работать с псевдоэлементами?

причём работать? речь идёт о получении сгенерированного стиля и на основе этого сделать выводы.
вообще то currentStyle аналог getComputedStyle .
не нравиться такой вариант -проверить браузер и его версию -и исходя из этого проделывать действия

dmitriymar, ты не понял сути. Перечитай ветку.

Этот вариант отклонен уже давно. Вопрос был - как определить фичу, а не версию браузера. getComputedStyle позволяет работать с псевдоэлементами:
getComputedStyle(h3, ':after')

Речь о том, что не все браузеры, умеющие getComputedStyle, принимают второй аргумент: https://developer.mozilla.org/ru/doc...tComputedStyle

Так или иначе, я даже не знаю как использовать getComputedStyle для определения доступности псевдоэлемента. Есть идеи?