автоподгрузка html
Добрый день. Есть такой код:
<html> <head> <meta http-equiv="Content-Type" content="text/html; Charset=UTF-8"> <script> function showContent(link) { var cont = document.getElementById('contentBody'); 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> </head> <body> <p>Какую страницу желаете открыть?</p> <form> <input onclick="showContent('page1.html')" type="button" value="Страница 1"> <input onclick="showContent('page2.html')" type="button" value="Страница 2"> </form> <div id="contentBody"> </div> <div id="loading" style="display: none"> Идет загрузка... </div> </body> </html> Работает так: если кликаешь на первую кнопку, то загружается первая html-страница, а если кликаешь по второй кнопке, загружается вторая html-страница и так далее. Мне нужно исправить код так, чтобы html-странички сами по себе менялись по-очереди, а также если пользователь нажмет на какую-нибудь кнопку, то смена html-страниц остановится. Это тяжело сделать?Подскажите код, если не трудно. Я в js не силён |
Часовой пояс GMT +3, время: 08:03. |