xandeadx.ru Блог музицирующего веб-девелопера

Javascript → Включаем поддержку HTML5 атрибута placeholder для устаревших браузеров

Опубликовано в

Плагин jQuery Placeholder эмулирует работу атрибута placeholder в не-HTML5 браузерах.

В отличии от большинства похожих скриптов, плагин не требует лишней разметки и инициализации для каждого поля в отдельности. Для включения достаточно в момент загрузки DOM вызвать функцию $.Placeholder.init();.

Похожие записи

Комментарии RSS

Для включения достаточно в момент загрузки DOM вызвать функцию $.Placeholder.init();.

Может быть, Вы поясните, куда и как вставлять эту функцию?

Извините, что не представился сразу. Благодарю за ответ! Но я, к сожалению, вчера начал писать свой модуль :). Модифицирую форму через hook_form_alter. Не могли бы Вы поподробне рассказать, как мне включить поддержку HTML5 атрибута placeholder? Сам js-файл я прикрутил такой функцией:

function mymodule_form_snm_1873_item_node_form_alter(&$form, &$form_state, $form_id) {
  $path = drupal_get_path('module', 'mymodule') . '/';
  $form['#attached']['js'][]  = $path . 'jquery.placeholder.1.3.min.js';

* ...только вчера начал писать свой первый модуль...

Правильно ли я понял, что вызвать функцию в модуле надо так:

drupal_add_js( '$.Placeholder.init()','inline');

Вставил вот такой код в функцию, которая выше (mymodule_form_snm_1873_item_node_form_alter):

drupal_add_js('$(function(){$.Placeholder.init();});','inline');

Но, увы, в IE не рбаотает. Скажите, пожалуйста, что я делаю не так?

drupal_add_js('jQuery(function(){jQuery.Placeholder.init();});','inline');

Огромное спасибо, всё заработало! :)

Вот вам решение без jQuery и лишней мароки (не нужно ни какой дополнительной инициализации) подрубаем скрипт и сразу все работает (не нужно ничего дополнительно прописывать).

после window.onload = function() даже смотреть не стал

xandeadx предлагаете юзать onready?

конечно

планирую на днях исправить.

Оставить комментарий

Содержимое этого поля является приватным и не будет отображаться публично. Если у вас есть аккаунт в Gravatar, привязанный к этому e-mail адресу, то он будет использован для отображения аватара.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Доступные HTML теги: <a> <i> <b> <strong> <code> <ul> <ol> <li> <blockquote> <em> <s>
  • Строки и параграфы переносятся автоматически.
  • Подсветка кода осуществляется с помощью тегов: <code>, <css>, <html>, <ini>, <javascript>, <sql>, <php>. Поддерживаемые стили выделения кода: <foo>, [foo].

Подробнее о форматировании