Вывод HTML кода для WAP сайта при помощи Javascript

Первая статья после Новогоднего затишья=)
Делая сайт на конструкторе WAP сайтов, мастера сталкиваются с парой проблем:
1) Вывод повторяющегося контента, элементов сайта;
2) Изменение этого самого контента.
С первой проблемой нужно бороться в самом начале, грамотно продумывая структуру будущего WAP сайта. Необходимо заранее предусмотреть все классы стиля, качественно сделать навигацию на сайте.
Ведь когда страниц будет много, например, сотня, изменить что-то в них будет пусть не сложно, но муторно и долго это точно!
Вторая проблема в изменении тех самых элементов. Допустим, повесили вы на сайт счетчики топ-рейтингов или баннеры. А потом рейтинг вообще пропал… А баннерная система перестала приность былую прибыль.
Естественно, баннеры стали лишними на сайте. Но их код вписан уже в пару сотен страниц, на редактирование каждой уйдет пара вагонов времени…
Решение в такой ситуации довольно простое, однако к нему следует прибегнуть в самом начале сайтостроя, проектируя структуру своего сайта.
Ну и кстати, неготовый сайт, обычно, не допускают к участию ни в рейтингах, ни баннерообменных сетях. Т.е. пока не доделаешь, код не «повесишь»… А когда доделаешь, будет много мороки с размещением HTML кода.

Вывод повторяющихся элементов сайта можно сделать при помощи javascript.

Допустим, необходимо вывести посредством javascript произвольный HTML код. Рассмотрим на примере счетчиков посещаемости, выведем посредством javascript ссылку и картинку, которые используюся во всех топ рейтингах.
При написании страниц сайта, просто вставляем в <head> путь к файлу javascript’а:

<script src="/js/count.js" type="text/javascript"><!--mce:0--></script>

А в том месте сайта, где надо вывести счетчики вставляем span (обратите внимание, span должен быть с id):

Теперь по пути /js/ создаем сам файл со скриптом, count.js, с таким содержимым:

window.onload=function(){
 var code='<a href="адрес_ссылки"><img src="адрес_картинки" alt="" /></a>';
  document.getElementById('count').innerHTML=code;
 };

Готово! Редактируя HTML код в скрипте, можно легко изменять ссылки и картинки, кроме того можно выводить другие HTML элементы, новые div-классы, переносы строк <br /> и т.д.
Таким же образом можно организовать вывод баннеров на сайте, да и всего, что вздумается.

Один совет: современные мобильные браузеры адекватно реагируют на javascript, однако не стоит злоупотреблять с его количеством.
P.S. Сама идея далеко не нова, многие, так называемые, «движки для сайтов на конструкторе» активно используют скрипты в коде своих страниц. Иногда даже слишком активно… Однако, решения, предлагаемые теми «псевдо-CMS» несколько отличаются от предложенного выше.

http://d-ma.name/

Posted in Создание сайта and tagged , , .

One Comment

  1. спасибо пригодиться !може все таки дойдет дело до старенького сайта на констукторе 🙂

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *