Код изменения контента страницы без перезагрузки страницы. Своего ничего практически, всё по примеру - http://htmlbook.ru/html5/history, за исключением только что асинхронности (в примере - синхронно). С pushstate проблем никаких. А вот по поводу самого изменения контента возникли некоторые вопросы:
1. responeText - как эта штука работает? я прописываю
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Портфолио https://www.behance.net/d4d4186e
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Портфолио https://www.behance.net/d4d4186e
Question
alexandr_v-vich
Код изменения контента страницы без перезагрузки страницы. Своего ничего практически, всё по примеру - http://htmlbook.ru/html5/history, за исключением только что асинхронности (в примере - синхронно). С pushstate проблем никаких. А вот по поводу самого изменения контента возникли некоторые вопросы:
1. responeText - как эта штука работает? я прописываю
document.getElementById("content").innerHTML = req.responseText;
А он мне меняет всю страницу...
Правда, по-моему, когда было синхронно, он мне вообще новую страницу полносью загружал вот в этот указанный див.
А менял я
function swapPhoto(href) {
var req = new XMLHttpRequest();
req.open("GET",
"http://achacha/chacha/" +
href.split("/").pop(),
false);
req.send(null);
if (req.status == 200) {
document.getElementById("content").innerHTML = req.responseText;
setupHistoryClicks();
return true;
}
return false;
}
На вот это
function swapPhoto(href) {
var req = new XMLHttpRequest();
req.open("GET",
"http://achacha/chacha/" +
href.split("/").pop(),
true);
req.onreadystatechange = function() {
if (req.readyState == 4) {
if(req.status == 200) {
document.getElementById("content").innerHTML = req.responseText;
setupHistoryClicks();
return true;
}
}
};
req.send(null);
return false;
}
Вкратце страница такая:
<body>
<div id="menu">
<a href="" id="ssylka">Ssylka</a>
</div>
<div id="content">
<p>Abyr-abyr</p>
</div>
</body>
А меняет мне оба дива..
2. Как проще всего сделать так, чтобы страница не дёргалась (не прибивалась к верху), когда меняем этот контент...ну так, чтоб всё плавно было..?
Link to comment
Share on other sites
11 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.