|
Информационный текст в поле сообщения. Имитация placeholder
|
|
|
2012-03-26Дата: Понедельник, 26.03.2012, 09:35 | Сообщение # 1 |
Полковник
Группа: Помощники
Статус: Offline
|
Привет! Для чата добавил скрипт, что бы в value текст добавлялся Code <script type="text/javascript">
document.getElementById('mchatMsgF').value='Сообщение появится после проверки модератором!';
</script>
Сообщение отредактировал Komoff - Понедельник, 26.03.2012, 15:49 | | |
|
|
2012-03-26Дата: Понедельник, 26.03.2012, 16:27 | Сообщение # 2 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Komoff, Quote (Komoff) Правильный хоть?:) Не могу понять как правильно добавить событие onclick чтобы при клике по полю этот текст исчезал
Просто исчезал? С концами? Вот так:
Code <script type="text/javascript">
$('#mchatMsgF').val('Сообщение появится после проверки модератором!').click(function(){
if(this.value=='Сообщение появится после проверки модератором!'){
this.value='';
};
});
</script>
...
А чтобы потом снова появлялся, нужно запомнить значение.
Типа:
Code <script type="text/javascript">
$('#mchatMsgF').val('Сообщение появится после проверки модератором!').click(function(){
if(!$(this).data('placeholder'))$(this).data('placeholder',this.value);
if(this.value==$(this).data('placeholder')){
this.value='';
};
}).blur(function(){
if(this.value==''){
this.value=$(this).data('placeholder');
};
});
</script>
...
☑ Пример всего этого, на всякий: placeholder
...
| | |
|
|
2012-03-26Дата: Понедельник, 26.03.2012, 18:30 | Сообщение # 3 |
Полковник
Группа: Помощники
Статус: Offline
|
likbezz, спасибо! Поставил. А чем focus от click отличается? Я почему-то разницы не вижу...
| | |
|
|
2012-03-26Дата: Понедельник, 26.03.2012, 18:31 | Сообщение # 4 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Komoff, Quote (Komoff) А чем focus от click отличается? Я почему-то разницы не вижу...
Правой клавишей по полю кликни, фокус обработается а клик нет.
...
| | |
|
|
2012-03-26Дата: Понедельник, 26.03.2012, 18:31 | Сообщение # 5 |
Полковник
Группа: Помощники
Статус: Offline
|
Quote (likbezz) Правой клавишей по полю кликни, фокус обработается а клик нет. 
| | |
|
|
2014-01-13Дата: Понедельник, 13.01.2014, 08:27 | Сообщение # 6 |
Лейтенант
Группа: Проверенные
Статус: Offline
|
Доброго времени суток всем!
С прошедшими праздниками, остался последний рубеж - Старый Новый Год 
По делу, вроде как нашёл нужную тему по своему вопросу, что бы новую не создавать ...
Использовал в коде изначально required="" и placeholder=""
Сам по себе placeholder="" решил заменить на
Код required="" id="tel" name="tel" onBlur="if(value==''){value='Телефон*'}" onFocus="if(value=='Телефон*'){value=''}" value="Телефон*"
- пример для поля телефона в форме, но при этом value="Телефон*" убил required=""
Как можно это поправить?
А то как то placeholder="" не очень нравиться ))), а без обязательности заполнения пользователем тоже не айс
Заранее респект за помощь!
Сообщение отредактировал Andrio - Понедельник, 13.01.2014, 08:28 | | |
|
|
2014-01-13Дата: Понедельник, 13.01.2014, 08:37 | Сообщение # 7 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Andrio, С прошедшими праздниками, остался последний рубеж - Старый Новый Год
Аха) пасиб)
И тебя с наступающими)
Выбрать что-то одно - либо required либо заполнение value ..
Или юзать как и положено:
Код <input id="tel" name="tel" required placeholder="Телефон" />
Или проверять заполнение скриптом.
..
| | |
|
|
2014-01-13Дата: Понедельник, 13.01.2014, 08:43 | Сообщение # 8 |
Лейтенант
Группа: Проверенные
Статус: Offline
|
Или проверять заполнение скриптом.
Можно пример, что за скрипт? ... сложный, большой?
По идее в форме 5 полей:
-4 инпута текстовых ( value="ФИО*", value="Телефон*", value="E-mail*", value="Количество: 1" )
- одно textarea ( но по нему, кстати, почему то не работает код вместо placeholder )
По идее надо как то проверить что бы заполненные данные не совпадали с value по умолчанию ...
Сообщение отредактировал Andrio - Понедельник, 13.01.2014, 08:46 | | |
|
|
2014-01-13Дата: Понедельник, 13.01.2014, 08:52 | Сообщение # 9 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Andrio, Можно пример, что за скрипт?
Обычный цикл, проходящийся по текстовым импутам, проверяющий наличие атрибута required и неравенство value с каким-то дополнительным атрибутом или установленным значением.
Если равно - выдает предупреждение в любой приемлемой форме.
Например для поля телефон можно установить атрибут data-value="Телефон" - и если value == data-value - что должно быть по умолчанию - значит юзер ничего не ввел - выводим предупреждение, вываливаемся из цикла, возвращаем false.
Предупреждение может быть любым, начиная от красной рамочки вокруг инпута, до алерта с гневным текстом.
| | |
|
