Логическая схема следующая
-
Браузер загружает страничку сайта - на ней выполняет скрипт
-
Скрипт в свою очередь скачивает нашу заготовку в виде простого текста
-
Загруженную информацию выводит в виде html кода в заданном месте на сайте
Должна ли информация в файле обновляться автоматически или это статический текстовый файл зависит от задач, но в любом случае содержимое файла - простой текст.
Практический пример
Любой HTML внутри домена своего сайта без особых знаний и проблем можно загрузить с помощью jquery.
Например таким образом можно скрыть от поисковых систем скрыто верхнее меню навигации.
Допустим страница с текстом для вставки располагается по адресу /static/templates/main-navigation.html.
Есть пустой div или другой элемент для которого можно задать id и вписать html внутрь, в данном случае назовем его id="main-navigation"
В новых версиях DLE уже встроен JQuery, так что пункт ниже пропускаем, переходим сразу ко второму
1) В секции HEAD шаблона подключаем jquery, загрузим с сервиса Google
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
2) Теперь добавляем пустой html тег в шаблон, внутри него с помощью jquery будут записываться данные из внешнего файла
<div id="main-navigation"></div>
3) Создаем html страничку или текстовый файл c тем содержимым которое нужно вывести и загружаем ее через ftp или другим способом на сайт. В папку templates ничего добавлять не нужно, она не доступна, лучше в корне сайта сделайте папку static и разместите файл в ней.
4) Осталось добавить чтение из html (txt) файла и запись в тег с указанным id
Скрипт лучше добавить в HEAD страницы, но можно и внутри BODY
<script type="text/javascript">
$.get('/static/templates/main-navigation.html', function(data) {
$('#main-navigation').html(data);
});
</script>
Значения которые нужно изменить на свои это путь до страницы /static/templates/main-navigation.html
и id элемента #main-navigation