Cherednichenko
Copyrights ©
Ivan Cherednichenko,
2011. All Rights Reserved.
Почему я создал Cherednichenko HTML TreeView Generator? Во-первых, статья Создаем раскрывающийся список на Web-странице вызвала массу вопросов от читателей, поэтому чтобы разом ответить на все вопросы, а также предоставить наиболее удобное средство по созданию раскрывающихся списков, о которых идет речь в вышеупомянутой статье. Но, задолго до написания этой статьи, в сети я скачал программу, название которой сейчас уже не вспомню, которая могла генерировать раскрывающиеся списки, но получаемые с ее помощью страницы были чрезвычайно массивными. Поэтому, чтобы мне самому иметь удобный и простой инструмент для создания раскрывающихся списков, которые можно использовать в качестве страниц содержания, я и создал данный продукт.
Текст лицензионного соглашение по использованию и распространению программного обеспечения (программ, инструментов, пакетов обновлений и так далее), размещенного на сайте Ивана Чередниченко и/или на других Интернет-ресурсах, и автором которого является Иван Чередниченко.
Интерфейс Cherednichenko HTML TreeView Generator представляет собой по большому счету - одно - главное окно. Основные операции по созданию раскрывающихся списков вы можете производить именно с помощью кнопок управления, расположенных на данном окне, а также пунктов меню.
Главное окно Cherednichenko HTML TreeView Generator состоит из следующих основных элементов:
Рис. 1. Главное окно Cherednichenko HTML TreeView Generator.
Меню главного окна состоит из двух компонентов: Файл и Помощь. Меню Файл содержит пункты, которые позволяют управлять текущим проектом. Меню Помощь содержит пункты, которые позволяют использовать справочные материалы, работать с сайтом разработчика, получить данные о программе.
Меню Файл содержит следующие пункты.
Пункт Новый позволяет создать новый проект раскрывающегося HTML-списка. Если текущий проект изменен, то перед этим будет выдано сообщение, которое информирует о наличии несохраненных изменений проекта.
Рис. 2. Сообщение о наличии изменений в проекте.
Названия кнопок зависят от локализации операционной системы Microsoft Windows. Кнопка Yes (или Да) позволяет сохранить текущий проект, а затем создать чистый проект для его дальнейшего наполнения содержимым. Кнопка No (или Нет) позволяет создать новый проект без сохранения изменений текущего проекта. Кнопка Cancel (или Отмена) позволяет отказаться от создания нового проекта и продолжить работу в текущем.
Пункт Открыть... (горячее сочетание клавиш Ctrl+O) позволяет выбрать файл проекта для дальнейшей работы.
Рис. 3. Окно выбора файла проекта.
Как видно из данного рисунка проекты Cherednichenko HTML TreeView Generator имеют специальное расширение *.htv (HTML TreeView Generator Files). Файлы данного формата имеют определенную структуру, основанную на XML-формате, которые обрабатываются специальными алгоритмами и преобразовываются в список, с которым можно работать в программе.
Пункт Сохранить (горячее сочетание Ctrl+S) позволяет сохранить данный проект в файл. Если текущий проект был создан, но еще не сохранялся, то вызов данной команды будет аналогичен вызову команды Сохранить как....
Пункт Сохранить как... (горячее сочетание F12) позволяет сохранить данный проект в файл, при этом вы можете указать (или изменить) его имя, а также местоположение. Выбор имени файла, а также его места дислокации определяется с помощью стандартного диалогового окна выбора файла для сохранения (изменения) операционной системы Microsoft Windows.
Рис. 4. Окно сохранения проекта.
Пункт Издать... (горячее сочетание F9) позволяет выбрать имя файла и его местоположение, который будет содержать необходимую информацию раскрывающегося списка. Данный файл и будет являться файлом с раскрывающимся списком.
За данным пунктом может находится до 10 имен файлов, с которыми работали в данном приложении.
Пунтк Выход позволяет закрыть данную программу. Если текущий проект был изменен с момента последнего сохранения, то вам буде сообщено об этом и предложены пути решения возникшей ситуации.
Рис. 5. Сообщение о наличии изменений в проекте при выходе из программы.
Названия кнопок зависят от локализации операционной системы Microsoft Windows. Кнопка Yes (или Да) позволяет сохранить текущий проект, а затем произойдет закрытие данного приложения. Кнопка No (или Нет) позволит закрыть данную программу не сохраняя изменений. Кнопка Cancel (или Отмена) позволяет отказаться от закрытия программы (в данном случае вы сможете продолжить работу в приложении).
Меню Помощь содержит следующие элементы.
Пункт Справка (клавиша F1) позволяет открыть справочные материалы по данному программному продукту (а точнее данный файл).
Пункт Сайт разработчика открывает сайт разработчика.
Пункт Домашняя страничка открывает домашнюю страничку.
Пункт О программе... открывает окно, в котором содержатся сведения об авторских правах, периоде разработки приложения, а также версии и дате выпуска продукта.
Для управления элементами будущего раскрывающегося HTML-списка предназначены кнопки, расположенные справа от самого списка. Рассмотрим каждую кнопку, спускаясь сверху вниз.
Рис. 6. Кнопки управления элементами списка.
Кнопка Добавить файл(ы) предназначена для добавления одного или нескольких HTML-файлов в текущий список. Добавление файлов происходит с помощью стандартного диалога выбора файлов операционной системы Microsoft Windows.
Рис. 7. Диалоговое окно выбора файлов для добавления в список.
Кнопка Убрать файл позволяет удалить файл из списка (при этом удаления файла с жесткого диска не происходит).
Кнопка Переместить выше позволяет переместить выделенный элемент списка на одну позицию выше. Если текущий элемент списка - самый верхний, то данная кнопка будет недоступна для использования.
Кнопка Переместить ниже позволяет переместить выделенный элемент списка на одну позицию ниже. Если текущий элемент списка находится в самом его конце, то кнопка Переместить ниже будет недоступна для использования.
Кнопка Переместить вправо позволяет переместить выделенный элемент списка, сделав данный элемент подэлементом более верхнего элемента списка. Если текущий элемент списка находится в самом верху списка, то данная кнопка будет недоступна для использования. Также данная кнопка будет недоступна в том случае, если текущий элемент имеет на данный момент максимальный уровень вложенности относительно родительского элемента.
Кнопка Переместить влево позволяет уменьшить уровень вложенности выделенного элемента списка, если такое действие в данной ситуации допустимо. Данная кнопка будет недоступна для использования, если текущий элемент списка находится на самом его верху, а также в том случае, если текущий элемент списка находится в корне списка, то есть имеет уровень вложенности равный нулю. Уровень вложенности равный нулю имеет самый первый (верхний) элемент списка.
Кнопка Изменить данные позволяет открыть окно, которое позволит редактировать конкретный элемент списка. Подробнее об этом смотрите в разделе Изменение данных о файле.
Кнопка Редактировать содержимое файла позволяет включить Microsoft Word (если он установлен в системе) для редактирования содержимого файла. Внимание, определение версии офисного пакета Microsoft Word происходит с помощью специального алгоритма, который в некоторых случаях может не определить установленный Microsoft Word.
Кнопка Просмотр файла позволяет открыть файл выделенного элемента списка в браузере. Если в системе установлено несколько браузеров, то откроется тот, с которым ассоциировано расширение открываемого файла.
Окно Изменить данные файла позволяет изменить заголовок файла, который отображается в списке, а также указать (выбрать) иной файл.
Рис. 8. Диалоговое окно выбора файлов для добавления в список.
Кнопка Выбрать файл... позволяет открыть диалоговое окно выбора файла.
После того, как вы произведете все необходимые действия над файлом нажмите на кнопку OK, чтобы сохранить изменения; если изменения сохранять нет необходимости, то нажмите на кнопку Отмена. Чтобы получить справочную информацию об этом окне нажмите на кнопку Помощь.
Исходный код состоит из двух файлов: chpas_treeview.js и chpas_treeview.css. Первый файл является сценарием на языке JavaScript, с помощью подпрограмм которого и реализуются механизмы раскрывающегося списка; второй файл является файлом, определяющим стиль раскрывающегося списка.
Исходный код распространяется и используется по той же лицензии, что и само приложения.