Общая постановка задачи

Общая постановка задачи

Разработать редактор абстрактных сущностей, описанных в виде составляющих их примитивных типов данных, и функционирующий в Microsoft Internet Explorer версии 5.0 и выше с использованием языка Java Script и Microsoft XML DOM модели данных.

Исходные данные

Описание редактируемых сущностей представлено в виде XML файла. Корневым элементом является тэг <all>. Каждая сущность описывается тэгом Item с обязательным аттрибутом name и набором вложенных тэгов SimpleType, каждый из которых описывает примитивный тип. Используется следующий набор примитивных типов (по желанию может быть расширен) (курсивом обозначены необязательные аттрибуты):

Текстовое поле:

<SimpleType type=”text” name=”…” length=”20” password=”0”/>

Checkbox:

<SimpleType type=”checkbox” name=”…”/>

List box:

<SimpleType type=”List” name=”…”>

<option>Item1</option>

<option>Item2</option>

<option>Item3</option>

</SimpleType>

Combobox (Выпадающий список). То же, что и п.3, type=”Combo” Radiobuttons (Набор вариантов, один (и только один) из которых может быть селектирован). То же, что и п.3, type=”Radio”

Пример XML файла из одной сущности, описанной двумя примитивными типами:

<all>

<Item name=”Test item”>

<SimpleType name=”Name” type=”text”/>

<SimpleType name=”Type” type=”List”>

<option>Type 1</Option>

<option>Type 2</Option>

</SimpleType>

</Item>

</all

Постановка задачи

Построить локальную WEB аппликацию, создающую в окне броузера два фрейма. В левом фрейме располагается список имен загруженных сущностей, при клике на которые в правом фрейме загружается редактор в соответствии с набором примитивных типов для выбранного объекта.

Ниже приводится пример редактора для описанного ранее XML-файла инициализации.

Рекомендации по реализации:

1. Для загрузки и манипулирования объектами использовать Microsoft XMLDOM объект:

Function init()

{

var dom = new ActiveXObject("microsoft. XMLDOM");

dom. async = false;

dom. load (“xmlFileName. xml”);

}

2. Для формирования редактора в правой части использовать метод document. write

3. Чем более творческий подход будет проявлен при реализации, тем больше у Вас шансов на успех. Удачи!