За последние 24 часа нас посетили 8830 программистов и 464 робота. Сейчас ищут 250 программистов ...

Подгрузка контента без перезагрузки страницы

Тема в разделе "PHP Free-Lance", создана пользователем Unycom, 22 дек 2020.

  1. Unycom

    Unycom Новичок

    С нами с:
    20 дек 2020
    Сообщения:
    2
    Симпатии:
    0
    Добрый день!
    Требуется помощь за вознаграждение.

    Имеется рабочий скрипт подзагрузки контента без перезагрузки страницы
    <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