Раздвижная коробка редактирования для портлета jquery

Question

Я использую портлеты jquery в своем веб-приложении. http://jqueryui.com/demos/sortable/#portlets

Я хочу, чтобы окно заголовка появилось между заголовком портлета и содержимым портлета, как только пользователь щелкнет значок «Настройки», присутствующий на каждом заголовке портлета. Я могу добиться этого, имея отдельное поле редактирования для каждого отдельного портлета. Но мой вопрос заключается в том, как мне этого добиться, если у меня есть общий «Редактор», который используется всеми портлетами, присутствующими на моей веб-странице. Как сделать так, чтобы это поле редактирования отображалось между частью «Заголовок и содержимое» после того, как пользователь щелкнул значок «Настройки» этого конкретного портлета?

Answer 1

Вы можете создать поле для редактирования на лету, я имею в виду, когда вы нажимаете кнопку настройки. Теперь, после того как вы отредактировали текстовое поле и применили настройки, вы можете просто удалить поле редактирования оттуда.

$(".settings").click(function() {
$("<input/>").attr("class", "editbox")
  .attr("value", "")
  .appendTo($("yourPortletSelector"));

});

$(".applySettings").click(function {
    //do all your work
    $(".editbox").remove();
});