«Ленивое» встраивание баннеров

Для чего вообще созданы многочисленные языки программирования? Для того, чтобы облегчить жизнь человечеству... Звучит пафосно, но абсолютная правда. Особенно явственно это осознаёшь, когда для внесения одного маленького изменения, надо «перелопатить» все страницы сайта. Особенно, если сайт этот из статичных html-страниц. К примеру, существует необходимость время от времени менять баннер (или ещё что-то) на всех страницах сайта. Можно, конечно, это делать вручную, но гораздо проще этот процесс автоматизировать средствами JavaScript. Что для этого требуется?

Во-первых, давайте всего один раз встроим в веб-страницу контейнер для наших будущих баннеров. Сделать это можно так:

<div id="mybanner"></div>

Просто разместим этот фрагмент html-разметки в нужное место страницы.

Во-вторых, создадим файл для кода JavaScript — это обычный текстовый файл, но имеющий расширение .js. Пусть он у нас будет называться forbanner.js и располагаться в той же папке, что и остальные страницы сайта. Внутри нашего файла forbanner.js пропишем следующий код:

window.onload = function(){ document.getElementById("mybanner").innerHTML = '<img src="banner.gif" width="468" height="60" alt="Рекламный баннер" />'; }

В-третьих, надо подключить файл forbanner.js к веб-страницам. Для этого надо между тегами прописать примерно следующее:

<script type="text/javascript" src="forbanner.js"></script>

Теперь, чтобы обновить баннер на всех страницах, достаточно изменить имя баннера в файле forbanner.js, а это гораздо удобнее, чем менять его на всех страницах вручную.

И последнее замечание. Если данный приём не работает, то, скорее всего, одно из двух:

- отключена поддержка JavaScript, что бывает редко;

- неправильно указан путь к файлу forbanner.js или к самому баннеру.

Автор: admin

Дата добавления: 2011-05-19

Просмотров: 2156

Рейтинг поста: +4-

Правила перепечатки

Социальные закладки:
Комментарии:
К данной заметке комментариев пока нет. Ваш комментарий может стать первым.
Добавить комментарий:







[ + ] помощь по форматирование текста

Идиот-тест

Если все обязательные поля (отмечены * ) заполнены необходимой информацией, то нажимаем кнопку Добавить комментарий.

Меню
Подписка
Рубрики
Метки
Последние комментарии
Рейтинг постов
Реклама
Друзья
География гостей
Статистика
Яндекс.Метрика