Задание на модуль по 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.

module.md 2.6 KB パーマリンク 履歴 Raw