Изменение шрифта в элементе управления jEditable только при отображении текста заполнителя - PullRequest
Новая
       6

Изменение шрифта в элементе управления jEditable только при отображении текста заполнителя

3 голосов
/ 14 октября 2011

У меня есть div, который я превращаю в элемент управления jEditable с кодом, подобным этому: 

         $(".ed-fld").editable("/url",
            {
              placeholder: "(Edit)", 
              tooltip: "Click to edit", 
              indicator: "Saving. . ."
            } 
         );

Работает нормально.

Теперь я хотел бы добавить такой эффект, что когда элемент управления отображает текст заполнителя, он отображается серым цветом. Когда элемент управления содержит фактический текст, он должен соответствовать обычному стилю.

Возможно ли это через jEditable?

1 Ответ

5 голосов
/ 15 октября 2011

Строка placeholder непосредственно присваивается внутреннему HTML-элементу, поэтому вы можете включить в него HTML-теги вместе с классом, например, 

$('.ed-fld').editable('/url', {
    ...
    placeholder: '<span class="placeholder">(Edit)</span>'
});

Затем вы можете стилизовать класс placeholder, например 

.placeholder { color: gray }

Посмотреть в действии: http://jsfiddle.net/william/6VUHh/40/.

...