powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / jQuery. Метод attr()
15 сообщений из 15, страница 1 из 1
jQuery. Метод attr()
    #38343054
urukhay
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Всем привет.
Заказчик поставил интересную задачу: есть форма аутентификации (логин и пароль). Поле с паролем по умолчанию имеет тип text и значение "Пароль". При фокусе на поле значение должно стереться, а тип подмениться на password. При блуре - наоборот, тип подменяется обратно на text и подставляется значение по умолчанию.

Он хочет сделать это для юзеров-дебилов, которые могут не понять, что в поле со звездочками надо вводить пароль)) Надо отображать слово "Пароль". А когда юзер начинает вводить, тогда уже скрывать значение.

У меня вопрос - как подменить тип. Подмена значения - это слишком просто) Нижеследующий код не работает, причем приводит к аварийному завершению функции:

Код: javascript
1.
2.
3.
4.
5.
6.
$('#form_id').find('#pass').focus(
  function()
  {
    $(this).attr('type', 'password');
  }
);


Я знаю, как это сделать классическим JS. Но не работает в IE6, поддержка которого нужна.
Кто знает? Всем спасибо заранее!

ЗЫ: в коде мог ошибиться, набирал руками. Да и спать уже хочется))
...
Рейтинг: 0 / 0
jQuery. Метод attr()
    #38343084
Фотография Малыхин Сергей
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Проще накрыть это дивом который прячется от фокуса и приближающейся мышки
...
Рейтинг: 0 / 0
jQuery. Метод attr()
    #38343208
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Малыхин СергейПроще накрыть это дивом который прячется от фокуса и приближающейся мышки+1
ИЕ не позволяет менять тип инпутов, про это даже в книжках пишут
...
Рейтинг: 0 / 0
jQuery. Метод attr()
    #38343213
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
...
Рейтинг: 0 / 0
jQuery. Метод attr()
    #38343337
urukhay
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
автор http://jsfiddle.net/rjkf4/
Спасибо, только в ИЕ6 эта страница вообще не открывается))

Ну я попробую у себя тестовую страничку сделать и проверить. Спасибо!
...
Рейтинг: 0 / 0
jQuery. Метод attr()
    #38343347
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
urukhayавтор http://jsfiddle.net/rjkf4/
Спасибо, только в ИЕ6 эта страница вообще не открывается))попробуйте http://jsfiddle.net/rjkf4/show
...
Рейтинг: 0 / 0
jQuery. Метод attr()
    #38343363
urukhay
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ага, все норм, круто, спасибо)
А что это за ресурс такой?
...
Рейтинг: 0 / 0
jQuery. Метод attr()
    #38343368
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
да как сказать... по разному используют его... кто-то для общения на форумах примерчик показать, кто-то черновичок сохранить (если зареган)...
...
Рейтинг: 0 / 0
jQuery. Метод attr()
    #38343383
urukhay
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ясно. Ну для показа примерчиков у меня свой сервер есть)
В общем, благодарю за помощь!
...
Рейтинг: 0 / 0
jQuery. Метод attr()
    #38343504
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
urukhayЯсно. Ну для показа примерчиков у меня свой сервер есть)
В общем, благодарю за помощь!Хорошо, в следующий раз создам пример на твоём сервере. Не за что!
...
Рейтинг: 0 / 0
jQuery. Метод attr()
    #38343673
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Так для этого же есть атрибут placeholder! Указываешь его в input type="password" как "Пароль" и он показывает "Пароль", а при вводе вводятся звездочки. И не надо никаких подмен.
...
Рейтинг: 0 / 0
jQuery. Метод attr()
    #38343679
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
IDVsbruck, the placeholder attribute is supported in Internet Explorer 10 , Firefox, Opera, Chrome, and Safari.

А ТС на IE6 жалуется
...
Рейтинг: 0 / 0
jQuery. Метод attr()
    #38343691
st_st
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
IDVsbruckТак для этого же есть атрибут placeholder! Указываешь его в input type="password" как "Пароль" и он показывает "Пароль", а при вводе вводятся звездочки. И не надо никаких подмен.

Я его ещё js-скриптом дополняю, так как эта цобака не исчезает в некоторых браузерах, когда кликнешь в поле.
...
Рейтинг: 0 / 0
jQuery. Метод attr()
    #38343787
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
skyANAIDVsbruck, the placeholder attribute is supported in Internet Explorer 10 , Firefox, Opera, Chrome, and Safari.

А ТС на IE6 жалуется
А, блин, точно! Не заметил.
...
Рейтинг: 0 / 0
jQuery. Метод attr()
    #38344605
deblogger
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Картинку с текстом подставляйте в фон.
...
Рейтинг: 0 / 0
15 сообщений из 15, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / jQuery. Метод attr()
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]