0

Скрипт:

$(function(){
    $('input[title].mi').bind({
        focus: function() {
            if ($(this).attr('title') == $(this).attr('value')) {
                $(this).attr('value', '');
            }
        },
        blur: function() {
            if ($(this).attr('value') == '') {
                $(this).attr('value', $(this).attr('title'));
            }
        }
    });
});

Он сверяет значение поля value с title и если они равны, то при фокусе поле очищается. действует для инпутов с классом mi.

Вот пример:

<input type="text" value="Name *" title="Name *" class="mi" />

Можно ли тоже самое, только для textarea. Просто для textarea нет атрибута value. Поэтому в html придется делать так:

<textarea name="" rows="10" cols="40" title="Nachricht *">Nachricht *</textarea>

Как быть с jQuery?

Помогите, пожалуйста. Будет хорошо, если это будет дополнение к первому скрипту, но можно два разных.

0

2 ответа 2

1

например

<textarea name="txtArea" class="mi" rows="10" cols="40" title="Nachricht *">Nachricht *</textarea>
var textAreaValue = $("textarea[name=txtArea]").val();
alert(textAreaValue);

$(function(){
    $('textarea.mi').bind({
        focus: function() {
            if ($(this).attr('title') == $(this).val()) {
                $(this).val('');
            }
        },
        blur: function() {
            if ($(this).val() == '') {
                $(this).val( $(this).attr('title') );
            }
        }
    });
});
2
  • А что мне с этим делать? Как должно выглядеть в итоге? Я просто не очень понимаю в JS. И зачем alert?
    – acidernt
    24 окт 2012 в 14:44
  • пример) тоже самое как и в инпут, только для получения значения используется метод val()
    – thunder
    24 окт 2012 в 14:46
1

Используйте html(). У textarea внутренности задаются, если следовать DOM, в node value (дословно - значение узла, т.е. innerHTML этого элемента, включая дочерние элементы).

$(function(){
    $('textarea.mi2').bind({
        focus: function() {
            if ($(this).attr('title') == $(this).html()) {
                $(this).html("");
            }
        },
        blur: function() {
            if ($(this).html() == '') {
                $(this).html($(this).attr('title'));
            }
        }
    });
});
4
  • а как это дело применить для textarea с классом mi2 ?
    – acidernt
    24 окт 2012 в 14:47
  • @inferus-vv, обновил
    – stck
    24 окт 2012 в 14:53
  • а если поле пустое, он не возвращает предыдущее значение (брать из title)
    – acidernt
    24 окт 2012 в 15:14
  • т.е. если напечатать текст, потом его удалить, то поле остается пустым
    – acidernt
    24 окт 2012 в 15:15

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.