(Только для продвинутых пользователей.)
Динамически расширяющийся CMS вид, позволяет не использовать дополнительные полосы прокрутки на странице. Для реализации многих задач это очень удобно, например, для поисковой оптимизации, т.к. весь контент представлен не во фрейме, а на самой странице, это позволяет использовать нормальные внешние ссылки, которые будут вести на страницу целиком, а не на страницу вложенную во фрейм, которая как видно из примеров ссылок на официальные расширения, не очень хорошо выглядит. Хотя трудно автоматизировать этот процесс, но в ручную достаточно легко все выполнить, нужно вписать лишь несколько строчек JavaScript. Мы будем использовать тот же шаблон CMS демо для примера.
Шаг 1.
Убедитесь, что Вы понимаете, как CMS инструменты работают, прежде чем продолжить этот урок.
Шаг 2.
Вы наверно заметили, что для тела контента использовалась лиши одна форма CMS вид. Сейчас мы разделим эту форму на три части:
• Верхняя часть тела. Эта часть будет иметь фиксированное положение. Мы использовали только стандартный объект CMS вид для этого.
• Средняя часть тела. Эта часть будет расширяться вместе с содержимым текущей страницы. Это слой с фоновым изображением установленный в "вертикальное повторение", изображение будет заполнять весь слой.
• Нижняя часть тела (footer). Слой, который содержит в нижней части тела копирайт и прочие элементы подвала (footer). Эта часть будет двигаться вниз, если высота содержимого увеличивается.
Когда Вы загрузите пример проекта в конце данного урока, то можно будет заметить, что все три части слиты таким образом, что выглядят как одно целое. Также убедитесь, что CMS вид не является частью Layer1!
Шаг 3.
Теперь давайте писать код так, чтобы все это работало. Вставьте следующий код между тегами <head></head>:
Обратите внимание на 3 переменные ID. Возможно, Вам придется изменить их, если имена объектов различны, "#" должен быть включен!
var cmsViewID = "#wb_CmsView1";
Идентификатор объекта CMS вид, значение по умолчанию: wb_CmsView1.
var cmsBodyLayer = "#Layer1";
Идентификатор слоя, который расширяет тело страницы, значение по умолчанию: Layer1.
var cmsFooterLayer = "#Layer2";
Идентификатор слоя который является подвалом (footer), значение по умолчанию: Layer2.
Пример:
Допустим Вы задали ID в свойствах объекта не тот, что по умолчанию (Layer2), а например background_footer, то в коде это тоже надо изменить следующим образом:
var cmsFooterLayer = "#background_footer";
Важное примечание:
Сценарий использует jQuery, но потому, что страница содержит объект CMS поиск, нет необходимости включать ссылку на библиотеку jQuery. Если Ваша страница еще не содержит каких-либо объектов jQuery, Вам придется добавить эту ссылку!
Шаг 4
Публикация страницы...
