我的Blog我做主^_^

走向一條通往JAVA的不歸路...

BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合

:: 管理 ::

64 隨筆 :: 68 文章 :: 77 評論 :: 0 Trackbacks

<

2014年7月

>

日

一

二

三

四

五

六

29

30

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

1

2

3

4

5

6

7

8

9

常用鏈接

留言簿(10)

隨筆分類

隨筆檔案

文章分類

新聞分類

News (rss)

收藏夾

經典ＵＲＬ(21) (rss)

友情

搜索

積分與排名

積分 - 216209
排名 - 262

閱讀排行榜

評論排行榜

純JS長文章分頁代碼

<HTML><HEAD><TITLE>純JS長文章分頁代碼</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META NAME="Author" CONTENT="</HEAD>
<BODY bottomMargin=0 leftMargin=0 topMargin=0 rightMargin=0>
<TABLE cellSpacing=1 cellPadding=5 width="95%" align=center
border=0>
<TBODY>
<TR>
<TD>
<DIV id=article></DIV><xml id=xmlArticle>
<Article>
<Info>
<Content>
<![CDATA[
大家來試驗分頁哦~~~~~[NextPage]我分~~~[NextPage]我再分[NextPage]分分分
]]>
</Content>
</Info>
</Article>
</xml>

<SCRIPT language=Javascript>
<!--
//每頁顯示字數
PageSize=5000;
//分頁模式
flag=2;//1:根據字數自動分頁 2:根據[NextPage]分頁
//默認頁
startpage = 1;
//導航顯示樣式 0:常規 1:直接 3:下拉
TopShowStyle = 1;
DownShowStyle = 0;

?var currentSet,CutFlag,TotalByte,PageCount,key,tempText,tempPage;
?key="";
?currentSet=0;
?var Text=xmlArticle.selectSingleNode("http://Content").text;
?TotalByte=Text.length;
?
?if (flag==1)
?{
??PageCount=Math.round(TotalByte/PageSize);
??if(parseFloat("0."+TotalByte%PageSize)>0){
???if(parseFloat("0."+TotalByte%PageSize)<0.5){
????PageCount=PageCount+1;
????}
??}
??var PageNum=new Array(PageCount+1);
??var PageTitle=new Array(PageCount+1);
??PageNum[0]=0;
??PageTitle[0]="";
???
??var sDrv1,sDrv2,sDrv3,sDrv4,sFlag;
??var sDrvL,sTemL;
??var sTem1,sTem2,k;
??sFlag=0;
???
??for(j=1;j<PageCount+1;j++){
???PageNum[j]=PageNum[j-1]+PageSize;
???PageTitle[j]="";
???//alert(j);
???sDrv1="<br>";
???sDrv2="<BR>";
???sDrv3="<Br>";
???sDrv4="<bR>";
???sDrvL=sDrv1.length;
???for(k=PageNum[j];k<=TotalByte;k++){
????sTem1=Text.substring(PageNum[j]-sDrvL,k);
????sTemL=sTem1.length;
????sTem2=sTem1.substring(sTemL-sDrvL,sTemL)
????if (sTem2==sDrv1 || sTem2==sDrv2 || sTem2==sDrv3 || sTem2==sDrv4)
????{
?????sFlag=sFlag+1;
?????PageNum[j]=k;
?????break;
????}
???}
???if (PageNum[j]>TotalByte)
???{
????break;
???}
??}
??if (j<PageCount)
??{
???PageNum.length=j;
???PageCount=j
??}
??if (PageCount>1&&sFlag>1&&PageCount<sFlag)
??{
???PageCount=sFlag+1;
??}
?}
?else{
??//手動分頁
??var j,sFlag,PageCount,sText;
??var sTitleFlag;
??var PageNum=new Array();
??var PageTitle=new Array();

??PageSize=0;
??j=1;
??PageNum[0]=-10;
??PageTitle[0]="";
??sFlag=0;
??sText=Text;

??do
??{
???sText=Text.substring(PageNum[j-1]+10,TotalByte);

???sFlag=sText.indexOf("[NextPage");

???if (sText.substring(sFlag+9,sFlag+10)=="=")
???{
????sTitleFlag=sText.indexOf("]",sFlag);
????PageTitle[j]=sText.substring(sFlag+10,sTitleFlag);
???}
???else{
????PageTitle[j]="";
???}

???if (sFlag>0)
???{
????PageNum[j]=sFlag+PageNum[j-1]+10;
???}
???else{
????PageNum[j]=TotalByte;
???}

???j+=1;
??}
??while (PageNum[j-1]<TotalByte);

??PageCount=j-1;
?}

?function text_pagination(Page){
??var Output,Byte;

??if(Page==null){Page=1;}?

??Output="";
??Output=Output+"<table width=100% height=30 border=0 align=center cellpadding=0 cellspacing=0>";
??Output=Output+"<tr>";
??Output=Output+"<td height=1 background=Images/DotLine.gif></td>";
??Output=Output+"</tr>";

??//頭部功能導航條
??Output=Output+"<tr>";

???//正文查找
???
???Output=Output+"<td align=left bgcolor=#f0faff width='40%'> ";?
???Output=Output+"<input type=text name=keys onchange='key=this.value' size=12> <input type=button name=search value='查找正文' onclick='searchkey();' style='width:60'>";
???Output=Output+"</td>";
???
???Output=Output+"<td align=right bgcolor=#f0faff>";

???//頁碼顯示方式一
???//第x頁：分頁標題
???if (Page==0 || PageCount==0){
????Output=Output+"當前是：<font color=red>全文顯示</font>" ;????
???}
???else{
????if(TotalByte>PageSize){Byte=PageNum[Page]-PageNum[Page-1]}else{Byte=TotalByte};
????Output=Output+"第 <font color=red>"+Page+"</font> 頁";
????if (PageTitle[Page]!="")
????{
?????Output=Output+"：<font color=800000>"+PageTitle[Page]+"</font>";
????}
????Output+=' ';
???}

???//顯示方式二
???//下拉菜單選擇
???//if (PageCount>0)
???//{
???//?Output=Output+Article_PageNav(2,Page);
???//?Output=Output+" </td>";
???//}

???//顯示方式三
???//頁碼選擇列表
???//Output=Output+"<td align=right bgcolor=#f0faff>";
???//Output=Output+Article_PageNav(0,Page);
???//Output=Output+"</td>";

??Output=Output+"</tr>";
??Output=Output+"<tr>";
??Output=Output+"<td height=1 background=Images/DotLine.gif></td>";
??Output=Output+"</tr>";
??Output=Output+"</table>";

??//顯示正文
??if(Page==0)?{
??//不分頁
???tempText=Text;
??}
??else{
??//分頁
???if (flag==1)
???//自動分頁
???{
????tempText=Text.substring(PageNum[Page-1],PageNum[Page]);?
???}
???else{
???//手動分頁
????if (PageTitle[Page-1].length==0)
????{
?????tempText=Text.substring(PageNum[Page-1]+10,PageNum[Page]);
????}
????else{
?????tempText=Text.substring(PageNum[Page-1]+11+PageTitle[Page-1].length,PageNum[Page]);
????}
???}
??}
??
??//布置內容
??Output=Output+"<div align=center>";
??Output=Output+Article_PageNav(TopShowStyle,Page);
??Output=Output+"</div>";
??
??Output=Output+"<div id=world>";
??Output=Output+tempText;
??Output=Output+"</div>";
??Output=Output+"<br>";

??Output=Output+"<div align=center>";
??Output=Output+Article_PageNav(DownShowStyle,Page);
??Output=Output+"</div>";
??
??article.innerHTML = Output;
??if (Page>1)
??{
???document.location.href='#top';
??}
??
??eval(document.all.keys).value=key;
??if (key!=""){searchkey();}
?}
?
?function searchkey(){
??//正文查找函數
??
??h="<font class=keyworld>";
??f="</font>";
??keyset=new Array();
??key=document.all.keys.value;
??if (key==""){
???alert("請輸入關鍵字！");
???return;
??}
??else{
??keyset[0]=tempText.indexOf(key,0);
???if (keyset[0]<0){
?????return;
???}else
????temp=tempText.substring(0,keyset[0]);
????temp=temp+h+key+f;
????temp2=tempText.substring(keyset[0]+key.length,tempText.length);
????for (i=1;i<tempText.length;i++)?{
?????keyset[i]=tempText.indexOf(key,keyset[i-1]+key.length);
?????if(keyset[i]<0){
?????temp=temp+tempText.substring(keyset[i-1]+key.length,tempText.length);
?????break;
?????}else{
?????temp=temp+tempText.substring(keyset[i-1]+key.length,keyset[i])+h+key+f;
?????}
????}
?????world.innerHTML = temp;
???}
??}

?function Article_PageNav(ShowStyle,Page){
?//分頁碼顯示函數
?//參數為調用樣式，0=簡單樣式，1=標準樣式
??var temp="";

??if (ShowStyle==0)
??//簡單樣式
??{
???tempPage=Page;
???if(TotalByte>PageSize){?
????if (Page-4<=1){
?????temp=temp+"<font face=webdings color=#999999>9</font>";
?????if (Page<=1){temp=temp+"<font face=webdings color=#999999>7</font>";}else{temp=temp+"<a href=javascript:text_pagination("+(Page-1)+")><font face=webdings>7</font></a>";}
?????if (PageCount>10){
??????for(i=1;i<8;i++){
???????if (i==Page){
????????temp=temp+"<font color=red>"+i+"</font> ";
???????}else{
????????temp=temp+"<a href=javascript:text_pagination("+i+") >"+i+"</a>"+" ";
???????}
??????}
?????temp=temp+" ...";
?????}
?????else{
??????for(i=1;i<PageCount+1;i++){
???????if (i==Page){
????????temp=temp+"<font color=red>"+i+"</font> ";
???????}
???????else{
????????temp=temp+"<a href=javascript:text_pagination("+i+") >"+i+"</a>"+" ";
???????}
??????}
?????}

?????if (Page==PageCount){temp=temp+"<font face=webdings color=#999999>8</font>";}else{temp=temp+"<a href=javascript:text_pagination("+(Page+1)+")><font face=webdings>8</font></a>";}
?????if(PageCount<10){temp=temp+"<font face=webdings color=#999999>:</font>";}else{temp=temp+"<a href=javascript:text_pagination("+PageCount+")><font face=webdings>:</font></a>";}
????}
????else if(Page+4<=PageCount){
????temp=temp+"<a href=javascript:text_pagination(1)><font face=webdings>9</font></a>";
????temp=temp+"<a href=javascript:text_pagination("+(Page-1)+")><font face=webdings>7</font></a>";
?????if (PageCount>10){
??????temp=temp+"..";
??????for(i=Page-4;i<Page+4;i++){
???????if (i==Page){
????????temp=temp+"<font color=red>"+i+"</font> ";
???????}
???????else{
???????temp=temp+"<a href=javascript:text_pagination("+i+") >"+i+"</a>"+" ";
???????}
??????}
??????temp=temp+" ..";
?????}
?????else{
??????for(i=1;i<PageCount+1;i++){
???????if (i==Page){
????????temp=temp+"<font color=red>"+i+"</font> ";
???????}
???????else{
???????temp=temp+"<a href=javascript:text_pagination("+i+") >"+i+"</a>"+" ";
???????}
??????}
?????}
???
?????if (Page==PageCount){temp=temp+"<font face=webdings color=#999999>8</font>";}else{temp=temp+"<a href=javascript:text_pagination("+(Page+1)+")><font face=webdings>8</font></a>";}
?????temp=temp+"<a href=javascript:text_pagination("+PageCount+")><font face=webdings>:</font></a>";

????}
????else{
?????temp=temp+"<a href=javascript:text_pagination(1)><font face=webdings>9</font></a>";
?????temp=temp+"<a href=javascript:text_pagination("+(Page-1)+")><font face=webdings>7</font></a>";
?????temp=temp+".."

?????for(i=Page-2;i<PageCount+1;i++){
??????if (i==Page){
???????temp=temp+"<font color=red>"+i+"</font> ";
??????}
??????else{
???????temp=temp+"<a href=javascript:text_pagination("+i+") >"+i+"</a>"+" ";
??????}
?????}

?????if (Page==PageCount){temp=temp+"<font face=webdings color=#999999>8</font>";}else{temp=temp+"<a href=javascript:text_pagination("+(Page+1)+")><font face=webdings>8</font></a>";}
?????temp=temp+"<font face=webdings color=#999999>:</font>";
????}
???}
???else{
????temp=temp+"<font color=red>1</font> ";
???}

???temp=temp+" <a href=javascript:text_pagination(0)>顯示全部</a>"
??}
??else if (ShowStyle==1)
??//標準樣式
??{
???if(TotalByte>PageSize){if(Page!=0){if(Page!=1){temp=temp+"<a href='#top' onclick=javascript:text_pagination("+(Page-1)+")><font color=3366cc>[上一頁]</font></a>  ";}}}
???for (i=1;i<PageCount+1 ;i++ )
???{
????if (Page==i)
????{
?????temp=temp+"<font color=800000>["+i+"]</font>  ";
????}
????else{
?????temp=temp+"<a href='#top' onclick=javascript:text_pagination("+i+")><font color=3366cc>["+i+"]</font></a>  ";
????}
???}
???temp=temp+"<a name='foot'></a>";
???if(TotalByte>PageSize){if(Page!=0){if(Page!=PageCount){temp=temp+"<a href='#top' onclick=javascript:text_pagination("+(Page+1)+")><font color=3366cc>[下一頁]</font></a>";}}}

???temp=temp+" <a href=javascript:text_pagination(0)><font color=3366cc>顯示全部</font></a>"
??}
??else if (ShowStyle==2)
??//下拉菜單樣式
??{
???temp=temp+'<select onchange="text_pagination(this.value)">'
???for (i=1;i<PageCount+1 ;i++ )
???{
????if (Page==i)
????{
?????temp=temp+"<option value='"+i+"' selected style='color:red'>第 "+i+" 頁"
??????
????}
????else{
?????temp=temp+"<option value='"+i+"'>第 "+i+" 頁";
????}
????if (PageTitle[i].length!=0)
????{
?????temp=temp+'：'+PageTitle[i];
????}
????temp=temp+"</option>";
???}
???temp=temp+"</select>";
??}

??return (temp);
?}

//默認頁
text_pagination(startpage);
//-->
</SCRIPT></TD></TD></TR></TBODY></TABLE></TD></TR>
</TBODY></TABLE>

posted on 2007-01-31 17:27 java_蟈蟈閱讀(4346) 評論(2) 編輯收藏所屬分類: JAVASCRIPT


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: 網頁上顯示可移動的層純JS長文章分頁代碼兩個可關閉的對聯廣告代碼公歷轉換農歷日期的代碼天氣預報_天氣在線_免費代碼復選框全選,不選和反選的代碼 JavaScript自動生成圖片縮略圖及預覽圖檢測密碼安全強度等級代碼選擇式日歷控件對google個性主頁的拖拽效果的js的完整注釋 [轉]