VPF::Jquery изменить цвет фона textarea - Форум программистов

zheka1980

Дата 24.1.2015, 21:24 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 42
Регистрация: 3.8.2014

Репутация: нет
Всего: нет

Код


$(document)
       .ready(function () {
           $(".editable")
               .click(function () {
                   var text =  $(this).html(),
                       varX = $("<textarea/>", {
                       
                       "width":$(this).width(),
                       "height":$(this).height(),
                       "click": function (event) {
                           event.stopPropagation()
                       },
                       "blur": function () {
                           $(this).parent().html($(this).val())
                       }
                   });
                   
                   $(this).html(varX);
                   varX.setCursorPosition(text.length)
               });
       });

При клике на <td> класса editable ячейка становится редактируемой, преобразуется в textareа, ширина и высота которого подгоняются под размеры ячейки. Но вот почему-то поменять фон не получается. Видел кучу примеров как с помощью jquery поменять фон элемента, но эти примеры под уже существующий элемент, а я хочу менять фон там же, где и задаются ширина, высота, обработка click и blur.

Подскажите синтаксис изменения фона textarea, подходящий для данного примера.

_zorn_

Дата 25.1.2015, 06:16 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1077
Регистрация: 21.8.2007

Репутация: 1
Всего: 12

http://api.jquery.com/jQuery/#jQuery-html-attributes

Цитата

An object of attributes, events, and methods to call on the newly-created element.

Следовательно

Код


varX = $("<textarea/>", {
                       
                       "width":$(this).width(),
                       "height":$(this).height(),
"css":{"background-color":"red"},
                       "click": function (event) {
                           event.stopPropagation()
                       },
                       "blur": function () {
                           $(this).parent().html($(this).val())
                       }

zheka1980

Дата 25.1.2015, 14:21 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 42
Регистрация: 3.8.2014

Репутация: нет
Всего: нет

Спасибо. Все работает

Это сообщение отредактировал(а) zheka1980 - 25.1.2015, 15:58

Aliance

Дата 26.1.2015, 08:24 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 17
Всего: 137

закешируйте вызов $(this)

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »