Показать сообщение отдельно
  #5 (permalink)  
Старый 01.07.2014, 10:07
Новичок на форуме
Отправить личное сообщение для BFAll Посмотреть профиль Найти все сообщения от BFAll
 
Регистрация: 03.08.2013
Сообщений: 5

Сообщение от walik Посмотреть сообщение
Ну может как то так можно, набросил за пару мин.
<html>
<head>
<script>
pages = 5;
function listNext(page) {
	if (page == 1)
		prev_page = pages;
	else
		prev_page = page-1;
	if (page == pages)
		next_page = 1;
	else
		next_page = page+1;
	prev_id = "page_"+prev_page;
	prev_elem = document.getElementById(prev_id);
	prev_elem.style.display = "none";
	
	id = "page_"+page;
	elem = document.getElementById(id);
	elem.style.display = "block";
	
	document.getElementById('button').innerHTML = '<input type="button" onclick="listNext('+next_page+')" value="Дальше" />';
}
</script>
<style>
.page {
	display: none;
}
</style>
</head>
<body>
<div id="page_1">text page 1 text page 1 text page 1 text page 1 </div>
<div id="page_2" class="page">text page 2 text page 2 text page 2 text page 2 </div>
<div id="page_3" class="page">text page 3 text page 3 text page 3 text page 3 </div>
<div id="page_4" class="page">text page 4 text page 4 text page 4 text page 4 </div>
<div id="page_5" class="page">text page 5 text page 5 text page 5 text page 5 </div>
<div id="button"><input type="button" onclick="listNext(2)" value="Дальше" /></div>
</body>
</html>
Уважаемый walik
А можно подправить, чтобы была кнопка "Обратно"?
Ответить с цитированием