Показать сообщение отдельно
  #1 (permalink)  
Старый 20.12.2020, 17:16
Новичок на форуме
Отправить личное сообщение для Unycom Посмотреть профиль Найти все сообщения от Unycom
 
Регистрация: 20.12.2020
Сообщений: 1

Подгрузка контента без перезагрузки страницы
Добрый день!
Требуется помощь за вознаграждение.

Имеется рабочий скрипт подзагрузки контента без перезагрузки страницы
<script>
function showContent(link) {
var cont = document.getElementById('cont');
var loading = document.getElementById('loading');
cont.innerHTML = loading.innerHTML;
var http = createRequestObject();
if( http )
{ http.open('get', link);
http.onreadystatechange = function ()
{ if(http.readyState == 4)
{ cont.innerHTML = http.responseText; } }
http.send(null); }
else
{ document.location = link; } }
// ajax объект
function createRequestObject()
{ try { return new XMLHttpRequest() }
catch(e)
{ try { return new ActiveXObject('Msxml2.XMLHTTP') }
catch(e)
{ try { return new ActiveXObject('Microsoft.XMLHTTP') }
catch(e) { return null; } } } }
</script>
<a href="#" onClick="showContent('page1.html')">Страниц а 1</a>
<a href="#" onClick="showContent('page2.html')">Страниц а 2</a>
<!--//-->
<div id="content">
<!-- CONTENT -->
</div>
<!--//-->
<div id="loading" style="display: none">
Идет загрузка...
</div>
<script>
showContent('page1.html') // страница по умолчанию
</script>

Данный скрипт в свободном доступе. Описание можно нагуглить по запросу - Подгрузка контента без перезагрузки страницы
Там же демо.
Скрипт работает только в одним блоком на странице.
Необходимо сделать несколько блоков на странице.
Емейл unycom@mail.ru

Последний раз редактировалось Unycom, 22.12.2020 в 13:41. Причина: Бесплатно не откликаются, предлагаю за деньги
Ответить с цитированием