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

Все,

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

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

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

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

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

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

Спасибо


person Jake    schedule 15.06.2011    source источник


Ответы (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);
});
person Kieran Andrews    schedule 16.06.2011