Мы все так же не можем переключать страницы при помощи PHP, и нам нужно как-то обрабатывать их на сервере.

Реализация снова очень проста. Определяем сколько символов нам нужно выводить на странице, и разбиваем весь текст на подблоки при помощи PHP-функции «умной» разбивки wordwrap (умной, потому, что она может разбивать не посреди слова, а после конца слова).
[ad#Google Adsense]
Итак:

[sourcecode language="php"]

//$text - здесь лежит весь текст

if(strlen($text)>2000) //проверяем, нужно ли разбивать

{

//нужно

$text2=’

• ‘;

  $text2.=wordwrap($text, 2000, ‘

• ‘,false);

  $text2.=”

“;

$text=$text2;

}
echo $text;

?>

[/sourcecode]

Поясню. Если текст нужно разбивать (в нем больше, чем определенное количество символов), то обрамляем текст тэгами <ul> и разбиваем текст на элементы списка.

Теперь, все еще проще на JS. Мы просто расположим все элементы списка в горизонтальный ряд и будем их прокручивать (такие-себе странички).

[sourcecode language="javascript"]

$(document).ready(function(){

$(‘#pageWrap’).css(‘overflow’,'hidden’).css(‘position’,'relative’);

$(‘#pages2′).css(‘width’,$(‘#pages2′).children().size()*700).css(‘position’,'absolute’);

$(‘#pages2 li.chili’).css(‘float’,'left’).css(‘width’,’700px’).css(‘list-style’,'none’).css(‘margin’,’0px’);

var pagecount=$(‘#pages2′).children().size();

var text=”;

for (i=0;i

{

if(i==0)cp='curPage';else cp='';

var a="“+(i+1)+”“;

text+=a;

}

if(pagecount<2)$('#pages').css('display','none');

$('#pages').append(text);

});

[/sourcecode]

Не забудем про функцию «перелистывания страниц»:

[sourcecode language="javascript"]

function showPage(i)

{

$('#pages2').css('left',-i*700);

$('.pagination').removeClass('curPage');

$('#'+i+'_page').addClass('curPage');

}

[/sourcecode]

Верстка в этом варианте такая:

[sourcecode language="html"]

[/sourcecode]

Все работает. Для работы нужен JQuery.

Торговые стратегии форекс на основе индикатора опционных уровней

 
мужской страпон

Делать постраничный вывод текст на PHP — накладно из-за и без того сложной структуры URL. Решили делать на Javascript.

Идея:

• Определить максимально допустимую высоту блока (без растяжения по высоте)
• Разбить высоту блока с текстом на подблоки допустимой высоты
• Показывать необходимый подблок, остальные скрывать

Все просто. И занимает не так уж много времени в реализации.

Реализация:

Есть 2 пути реализации:

1. Действительно скрывать не нужные блоки через значение display
2. Сделать что-то вроде видоискателя проектора, и проходящего мимо него пленки, когда у нас есть 2 блока: контайнер текста и контейнер контейнера. Мы просто сдвигаем контейнер текста внутри контейнера контейнера, тем самым обнажая нужную часть блока.

Мы выбрали второй способ (он быстрее выполняется на клиенте, а значит больше нам подходит).

Итак, у нас должен быть такой html:

[sourcecode language="html"]

[/sourcecode]

Теперь Javascript:

[sourcecode language="javascript"]

$(document).ready(function(){

[/sourcecode]

…говорим, чтоб выполнилось сразу после полной загрузки страницы…

[sourcecode language="javascript"]

$(‘#pageWrap’).css(‘overflow’,'hidden’).css(‘position’,'relative’);

$(‘#pager’).css(‘position’,'absolute’).css(‘left’,’0px’).css(‘top’,’0px’);

[/soursecode]

…устанавливаем css для контейнера с текстом и объектива…

Объектив должен скрывать все, что вылазит за края (overflow: hidden), а контейнер текста должаен быть абсолютно позиционирован, чтобы «ползать» по всему объективу.

[sourcecode language="javascript"]

var pages=$(‘#pager’).height()/pageHeight;

totalPages=pages;

[/soursecode]

…считаем количество страниц…

[sourcecode language="javascript"]

for(i=0;i<=pages;i++)

{

var a=document.createElement('a');

a.href='#';

if(i==0) a.className='curPage ';

a.onclick=function()

{

showPage(this.id.replace('_page',''));

}

a.id=i+'_page';

a.innerHTML=i+1;

a.className+=' pagination';

$('#pages').append(a);

}

[/soursecode]

...создаем ссылки на страницы...

[sourcecode language="javascript"]

});

[/sourcecode]

Так. Осталась только функция showPage(i), которая смещает контейнер текста относительно объектива.

[sourcecode language="javascript"]

function showPage(i)

{

$('#pager').css('top',-i*pageHeight);

$('.pagination').removeClass('curPage');

$('#'+i+'_page').addClass('curPage');

curPage=i;

}

[/sourcecode]

Здесь мы просто умножаем максимально допустимую высоту контейнера текста на номер страницы i и смещаем контейнер текста вверх на получившееся количество пикселов.

Да. чтоб все работало мы еще использовали вот эти глобальные переменные:

[sourcecode language="javascript"]

var pageHeight=200;

var totalPages=0;

var curPage=0;

[/sourcecode]

В конце поста можно скачать полный пример.

Решение, конечно, не доработанное, так-как некоторые строчки выводятся половинками (половина на 1-й страница, половина — на 2-й), но это можно решить внедрив систему подсчета высоты контейнера и переноса строки на следующую страницу.

Подсчет высоты котейнера, например:

[sourcecode language="javascript"]

$('#pager').children().each(function(i){

var pageHeight=0;

var z=0;

//Считаем высоту контейнеров

if(i>lastElem &amp;amp;amp;amp;amp;amp;amp;&amp;amp;amp;amp;amp;amp;amp; i

{

while(pageHeight<200)

{

pageHeight+=$(this).height();

z++;

}

alert(pageHeight+' '+z);

curCount=z;

lastElem+=curCount;

return false;

}

[/sourcecode]

И вот пример: Скачать

Для справки: WinHex – hex editor, а если по-русски, шестнадцатиричный редактор
онлайн игры бесплатно