Создадим документ, левая часть которого представляет оглавление, а в правую часть загружаются документы выбранного пункта оглавления. Документы, соответствующие пунктам оглавления, хранятся в разных файлах.
При решении задачи экрана разбивается по-прежнему на два фрейма. Левый фрейм занимает 30% ширины всего окна, и будет содержать оглавление документов, которые могут быть просмотрены пользователем при выборе соответствующего пункта оглавления. Правый фрейм, занимает большую часть окна просмотра и предназначен для отображения самих документов.
При первоначальной загрузке эти два фрейма делят окно просмотра по вертикали в соотношении 30% и 70%. Это соотношение может меняться при просмотре. Каждый из фреймов имеет свою полосу прокрутки, обеспечивающую просмотр всего документа. При выборе ссылки в левом фрейме соответствующий документ будет загружен в правый фрейм. Такая структура позволяет одновременно видеть на экране и оглавление документов, и сами документы.
Пусть оглавление документа содержит шесть пунктов и располагается в файле с именем contents.htm. Требуется, чтобы файл, содержащий оглавление, загружался в левый фрейм. Файлы с именами ch1.htm, ch2.htm,…,ch6.htm содержат документы, соответствующие пунктам оглавления. Взаимодействие между фреймами и документами представлено в примере 2.3
Фреймовая структура мало отличается от той, какая была рассмотрена в предыдущем примере
В правый фрейм первоначально загружается файл с именем empty.htm. Если сразу неизвестно, какой файл загружать во фрейм, то можно использовать файл, содержащий HTML-код:
В левый фрейм помещается оглавление, которое содержит ссылки на документы, расположенные в различных файлах. Оглавление может быть сформировано следующим образом:
Во многих случаях при начальной загрузке помещают в файл страницу с титульным листом, как в случае, представленном в примере 2.1
При описании фреймовой структуры в этом случае следует для правого фрейма задать адрес файла с титульной страницей. При выборе пункта меню в левом фрейме соответствующий документ появляется в правом фрейме.
ОГЛАВЛЕНИЕ С "РАСКРЫВАЮЩИМИСЯ" ПУНКТАМИ
Создадим документ, левая часть которого представляет оглавление, а в правую часть загружаются соответствующие оглавлению документы. Предусмотрим возможность "раскрытия" пунктов оглавления и переходе к документам по подпунктам.
Предположим, что в левом фрейме представлено оглавление, содержащее пункты верхнего уровня. Требуется при щелчке по пункту оглавления раскрыть список подпунктов, и предусмотреть возможность перехода к соответствующему подпункту разделу документа. Такого рода задачи решаются разными способами. Рассмотрим простые решения.
Для каждого пункта меню создадим документ, в котором соответствующий пункт меню "раскрыт". Имена документов cont1.htm, cont2.htm,…, cont6.htm. Документ с именем cont5.htm содержит оглавление с подпунктами пятого пункта основного оглавления. При выборе соответствующего подпункта происходит переход к соответствующему разделу документа с именем ch5.htm. HTML-код документа cont5.htm имеет вид:
В рассмотренных примерах страница разбивалась на два вертикальных фрейма: левый с именем left и правый с именем right.
После щелчка мышью по основному пункту меню, подменю "сворачивается". Это означает, что в левый фрейм загружается основное оглавление. При щелчке по пункту меню Таблицы в основном меню происходит загрузка в левый фрейм файла cont5.chm. Когда пункт меню раскрыт, можно осуществлять переходы по подпунктам к соответствующим разделам документа.