module.md 2.6 KB

Задание на модуль по jQuery

createTable

Напишите функцию createTable, которая добавляет в элемент таблицу. Таблица состоит из двух колонок, в левой отображаются ключи, в правой - значения переданного объекта.

...
<body>
    <div id='tableContainer'>
    </div>
</body>
</html>
var notebook = {
    brand:  "Dell",
    family: "AlienWare",
    model:  "100500",
};

createTable("#tableContainer", notebook);

Должна получиться таблица в элементе с селектором #tableContainer:

key value
brand Dell
family AlienWare
model 100500

Используйте средства jQuery.

createEdiTable

Сделайте возможность редактирования колонки со значениями (второй колонки таблицы):

  • При двойном клике на ячейке прямо в ячейке таблицы создается тэг <input>
  • При повторном двойном клике поле ввода удаляется и новое значение появляется как текст в ячейке.

createSavingTable

  • При повторном двойном клике, измененные данные из поля ввода должны обновляться в объекте (например в переменной notebook)
  • Проверяйте типы данных в исходном объекте, и, в зависимости от типа данных или других условий создавайте разные поля ввода <input type=:
    • text для строк
    • number для чисел
    • datetime для объектов Date. Используйте instanceof для проверки.
    • password для полей с ключем password

saveObj

Напишите функцию saveObj, которая будет отправлять любой объект на сервер по определенному адресу методом POST.

saveObj("http://server.com/endpoint", notebook, callback); //сохранили ноутбук, callback должен быть вызван после отправки

outputResponse

При вызове callback функции saveObj в callback первым параметром передается ответ от сервера. Отобразите его, используя createTable.