Почему я бросил вести этот сайт! Потому, что система ведет себя по-хамски по отношению к посетителям сайта, навязывая последним бесконечное количество баннеров-заглушек контента, особенно пришедшим с мобильных устройств!
Как на лету создать мультистраничный документ
DownLoad_Free

Как на лету создать мультистраничный документ - Архив

Нашли ошибку или
хотите что-то сообщить -
жмите Ctr+Enter Система Orphus



    [Ленточный вид форума] [Поиск] [RSS]



  • Страница 1 из 1
  • 1
Как на лету создать мультистраничный документ
Дата: Вторник, 12.06.2012, 22:29 | Сообщение # 1
Группа: Администраторы
Сообщений: 1530
Форматирование длинного текста в мультистраничный - актуальная задача для вебмастеров.

Ниже приведен метод с использованием скрипта imtech_pager.js

<!DOCTYPE html>
<html lang="ru" >
<head>
<BASE href="http://party-box.ru/dopmod/" />
<meta charset="utf-8" />
<title>Отзывы PARTY-BOX</title>

<script src="navig/js/jquery.min.js" type="text/javascript"></script>
<script src="navig/js/imtech_pager.js"></script>

<style type="text/css">

#pagingControls{
margin: 1em;
}

#pagingControls ul{
display:inline;
padding-left:0.5em;
}

#pagingControls li{
display:inline;
padding:0 0.5em

}

#pagingControls {margin-top:20px;}

</style>

</head>

<body>
<div class="example">
<div id="content">

<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>

<hr />

</div>
<hr />
<div id="pagingControls" align="center"></div>

</div>

<script type="text/javascript">
var pager = new Imtech.Pager();
$(document).ready(function() {
pager.paragraphsPerPage = 10; // Устанавливаем количество элементов на странице
pager.pagingContainer = $('#content'); // Устанавливаем основной контейнер
pager.paragraphs = $('p', pager.pagingContainer); // Подсчитываемые элементы
pager.showPage(1); // Начинаем просмотр с первой страницы
});
</script>

</body></html>

----------------------------------------------------

Рабочий пример: http://party-box.ru/dopmod/discuss2.php
 
  • Страница 1 из 1
  • 1
Поиск:


Copyright kachay.ucoz.org © 2008-2024Хостинг от uCoz
^ Наверх ^
Пригодилось!