Портлеты Jquery UI - загрузка и редактирование портлетов с использованием Ajax

Question

All

Я пытаюсь создать интерфейс igoogle, используя PHP, MySQL и JQuery UI, и наткнулся на портлеты jquery UI здесь:

http://jqueryui.com/demos/sortable/portlets.html

Для каждого портлета есть ли способ:

1. Чтобы указать URL-адрес и загрузить содержимое ajax?
2. Чтобы иметь кнопку редактирования, которая будет редактировать портлет на месте. редактирование контента может осуществляться через
   URL используя ajax.

Дополнительные сведения см. В разделе «Редактирование»:

http://james.padolsey.com/demo/tut-inettuts-with-cookies/

Спасибо

Answer 1

Вы можете изменить содержимое портлетов следующим образом:

http://jsbin.com/imese4/2

Вы можете использовать load () вместо .html () (используется в примере для простоты).

$(".portlet").each(function(element){
      $(this).children(".portlet-content").load("content.php?id="+element);
});

Для редактирования контента сделайте что-то вроде этого:

$(".portlet-edit").click(function(element){
  s=prompt('Enter your content','Content');
  $(this).parent().children(".portlet-content").html("edited:" + s);
});