Red de conocimiento informático - Material del sitio web - Cómo utilizar Dreamweaver para implementar paginación de páginas web estáticas

Cómo utilizar Dreamweaver para implementar paginación de páginas web estáticas

función pageHtml(total, pageSize, pageNow, url){

//número total de registros

//pageSize número mostrado por página//pageNow página solicitada actual

//url URL de paginación PageCode se utiliza para paginar la lista de páginas aspx?pageNow as list.aspx?p=$pageNowamp;s=baidu

var pageCode, pageCount;

if(total ==0){

pageCode="No hay datos"

}

else{

pageCount=; total/pageSize ==parseInt(total/pageSize)?total/pageSize: parseInt(total/pageSize) 1;

pageCode="lt.table cellspaces=\"0\" style=\"margin: 0 auto; \" align=\"center\"gt;lt;trgt;lt;tdgt;lt;div class='pagebox' id='_function_code_page 'gt;{$pageCode}lt;/divgt;lt;/tdgt ;lt; /trgt;lt;/tablegt;";

if(pageCount==1){

pageCode=pageCode.replace("{$ pageCode}", "* *** Se encontraron "totales" registros relacionados");

}

else{

pageNow=pageCountlt; pageNow?pageCount: pageNow;

pageNow=pageNow lt;1?1:pageNow;

var ps,po,i;

ps=pageNow-4;

po= páginaAhora 5;

if(pageCountlt;=10 ||pslt;1){

ps=1; p> }

if(pogt; pageCount){

ps=ps-po pageCountgt;=1?ps-po pageCount:1;

po= pageCount;

}

var _ pageCode="lt;span class='pagebox_num'gt;lt;agt; " total "lt;/agt;lt;/spangt;" ;

p>

if(psgt;1){

_pageCode = "lt;span class='pagebox_pre'gt;lt;a href='" url.replace("$ pagenow", "1 ") "'gt;homelt;/agt;lt;/spangt;"

}

_pageCode = pageNow ==1?"lt; 'pag

agebox_pre_nolink'gt;página anteriorlt;/spangt;":"lt;span class='pagebox_pre'gt;lt;a href='" url.replace("$pagenow", pageNow-1) "'gt;previouslt;/ agt;lt;/spangt;";

for(i=ps;ilt;=po;i){

_pageCode = i==pageNow?"lt;span class= 'pagebox_num_nonce'gt; " i "lt;/spangt;":"lt;span class='pagebox_num'gt;lt;a href='" url.replace("$pagenow",i) "'gt; "lt;/agt;lt;/spangt;";

}

_pageCode = pageNow==pageCount?"lt;span class='pagebox_next_nolink'gt;nextlt;/ spangt ;":"lt;span class='pagebox_next'gt;lt;a href='" url.replace("$pagenow",pageNow 1) "'gt;nextlt;/agt;lt;/spangt;";

if(polt;pageCount){

_pageCode = "lt;span class=' pagebox_pre'gt;lt;a href='" url.replace("$pagenow",pageCount) "' gt ;endpagelt;/agt;lt;/spangt;"

}

pageCode=pageCode.replace("{$pageCode}",_pageCode);

}

}

devolver pageCode;

}

sección css:

.pagebox{zoom: 1;}

.pagebox span{float: izquierda; margen derecho: 2px; desbordamiento: oculto; alineación de texto: fondo: #fff;}

.span a{display: block; zoom: 1; desbordamiento: oculto; _float: izquierda; }

.pagebox span.pagebox_pre_nolink{border: 1px #ddd sólido; ancho: 53px; alto: 21px; 21px; alineación de texto: centro; color: #999; cursor: predeterminado; }

.pagebox span.pagebox_pre{color: # 3568b9; altura: 23px;}

span.pagebox_pre a, .pagebox span.pagebox_pre a: visitado, .pagebox span.pageb

ox_next a,.pagebox span.pagebox_next a: visitado.pagebox span.pagebox_pre a:active,.pagebox span.pagebox_next a:hover,.pagebox span.pagebox_next a:active{color: #363636 borde: 1px #2e6ab1 sólido; }

.pagebox span.pagebox_num_nonce{padding: 0 8px; altura.23px; altura de línea: 23px; _altura de línea: 21px; #296cb3; peso de fuente: negrita;}

.pagebox span.pagebox_num{color: #3568b9; altura: 23px;}

.pagebox span.pagebox_num a,.pagebox span .pagebox_num a: visitado{borde: 1px # 9aafe5 sólido; color: #3568b9; decoración de texto: ninguno; relleno: 0 8px; cursor: altura: 21px; /p>

.pagebox_num a: active{border: 1px #2e6ab1 solid; color: #363636;}

.pagebox span.pagebox_next_nolink{border: 1px #ddd solid; :21px; *altura: 21px; altura de línea: 21px; alineación de texto: centro; color: #999; cursor: predeterminado }

.pagebox select{ margen: 0 0 0 5px; 1px sólido #296cb3; alto: 22px; ancho: 60px; fondo: #ffc;}

Llamar al método document.write(pageHtml(1000(número total de registros), 20(número de registros por página) , 23 (mostrar número), 23 (página actual), 'list.aspx?p=$pageNowamp'));

/Mostrar el número de palabras. por página

PageSize=5000;

/Modo de paginación

flag=2; //1: Paginación automática según el número de palabras 2: Según [Página siguiente]

/Página predeterminada

startpage = 1;

/Estilo de visualización de navegación 0: Normal 1: Directo 3: Desplegable

TopShowStyle=1;

DownShowStyle=0;

var currentSet, CutFlag,

TotalByte, PageCount, clave, tempText, tempPage;

key=""

currentSet=0

var Text=xmlArticle.selectSingleNode("// Contenido").text;

TotalByte=Text.length;

if (flag==1)

{

PageCount= Math.round(TotalByte/ PageSize);

if (parseFloat("0. " TotalBytePageSize)gt; 0){

if (parseFloat("0. " TotalBytePageSize)lt; 0.5){

PageCount=PageCount 1;

}

var PageNum=new Array(PageCount 1);

var PageTitle= nueva matriz (PageCount 1);

PageNum[0]=0;

PageTitle[0]=""

var sDrv1, sDrv2, sDrv3, sDrv4, sFlag;

var sDrvL, sTemL;

var sTem1, sTem2, k

sFlag=0; j=1;jlt;PageCount 1;j){

PageNum[j]=PageNum[j-1] PageSize;

PageTitle[j]="";

//alerta(j);

sDrv1="lt; brgt;";

sDrv2="lt; BRgt;"

sDrv3="lt;Brgt;";

sDrv4="lt;bRgt;";

sDrvL=sDrv1.length

for(k=PageNum; [j];klt;=TotalByte;k){

sTem1=Text.substring(PageNum[j]-sDrvL, k);

sTemL=sTem1.length; p>

sTem2= sTem1.substring(sTemL-srvL,k);

sTem1.length="lt;bRgt;";

Título de página[0]= ""

sFlag=0;

sText=Texto

hacer

{

sText=; Texto. subring(PageNum[j-1] 10, TotalByte);

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

{

sTitleFlag=sText.indexOf("]", sFlag);

PageTitle[j]=sText .substrin

g(sFlag 9, sFlag 10)=="=")

Salida=Salida "lt;/tablegt;";

//Mostrar texto del cuerpo

if (Página==0) {

//Sin paginación

tempText=Texto

}

else{

//Paginación<

if (flag==1)

//Paginación automática

{

tempText=Text.substring(PáginaNum[Página-1], PáginaNum[Página]

}

else{

/); / Paginación manual

if (PageTitle[Page-1].length==0)

{

tempText=Text.PageTitle[Page-1]. longitud==0) else{

temp=temp "lt; a href=javascript: text_pagination(" i ") gt; " i "lt;/agt; " " "; p> }

}

temp=temp " ..."

}

más{

for(i=1;ilt;PageCount 1;i){

if (i==Página){

temp=temp "lt;font color=redgt; " i "lt;/font gt; ";

}

else{

temp=temp "lt; a href=javascript: text_pagination(" i ") gt; " i "lt;/agt;

}

}

}

}

}

if (Page==PageCount){temp=temp "lt;font face=webdings color=#999999gt;8lt;/fontgt;";}else{temp=temp "lt; a href=javascript:text_pagination(" (Página 1) ")gt;lt;font face=webdingsgt;8lt;/fontgt;lt;/agt;"}

temp=temp "lt;a href= javascript:text_pagination("PageCount")gt;lt;font face=webdingsgt;:lt;/fontgt;lt;/agt;";

}

else{

temp=temp "lt;a href=javascript:text_pagination(1)gt;lt;font face=webdingsgt;9lt;/fontgt;lt;/agt;";

temp =temp "lt; a href= javascript: text_pagination(" (Página-1) ")gt; lt; f

ont face=webdingsgt;7lt;/fontgt;lt;/agt;";

temp=temp "."

for(i=Page-2;ilt;PageCount 1; i ){

if (i==Página){

temp=temp "lt;font color=redgt; " i "lt;/fontgt; ";

}

else{

temp=temp "lt; a href=javascript: text_pagination(" i ") gt; " i "lt;/agt; " " " ;

}

}

if (Page== PageCount){temp=temp "lt;font face=webdings color=#999999gt;8lt;/ fontgt;"}else{temp=temp "lt;a href=javascript:text_pagination(" (Página 1) ")gt;lt;font face=webdingsgt;8lt;/fontgt;lt;/agt;"}

temp=temp "lt; font face=webdings color=#999999gt;:lt; /fontgt;"

}

}

else{

temp=temp "lt;font color=redgt;1lt;/fontgt; ";

}

temp=temp "lt; un href = javascript:text_pagination(0)gt;show alllt;/agt;"

}

else if (ShowStyle==1)

// Estilo estándar

{

if(TotalBytegt.PageSize){if(Page!=0){if(Page!=1){temp=temp "lt;a href=' #top ' onclick=javascript: text_pagination(" (Página-1) ")gt;lt;color de fuente= 3366ccgt;[Página anterior]lt;/fontgt;lt;/agt;? " ;}}}

for (i=1; ilt; PageCount 1; i )

{

if (Page==i)

{

temp=temp "lt; color de fuente=800000gt; [" i "]lt; / fontgt;?" > else{

temp=temp "lt; a href='#top' onclick=javascript: text_pagination(" i ")gt; lt; color de fuente=3366ccgt; [" i "]lt; / fontgt;lt;/agt;?";

}

}

temp=temp "lt;a name='foot'gt;lt;/ Agt;";

if(TotalBytegt;PageSize){if(Page!=0){if(Page!=PageCount ){temp=temp "lt;a href='#top' onclick=javascript:text_pagination(" (Página 1) ")gt;lt;font color=3366ccgt;[next]lt;/fontgt;lt;/a gt;";}}}

temp=temp "lt;a href=javascript:text_pagination( 0)gt;lt;font color=3366ccgt;Mostrar todolt;/fontgt;lt;/agt;"

}

else if (ShowStyle==2 )

//estilo del menú desplegable

{

temp=temp 'lt; select onchange="text_pagination(this.value)"gt;'

for (i=1; ilt; PageCount 1; i)

{

if (Page==i)

{

p>

temp=temp "lt; valor de opción='" i "' estilo seleccionado='color:red'gt.Page " i ""

}

else {

temp=temp "lt; valor de opción='" i "'gt; Página " i ""; (PageTitle[i ].length! =0)

{

temp=temp ':' PageTitle[i]; p> temp= temp "lt;/optiongt;";

}

temp=temp "lt;/selectgt;";

}

>p >

return (temp);

}

//Página predeterminada

text_pagination(página de inicio);

--- ---------------------------------------------- - --- ----------------------------------Fin del código js de paginación

----- - ---------- -página html, llame a paginación js

lt; HTMLgt; p>

lt;META http-equiv=Content-Type content="text/html; charset=gb2312"gt;

lt;/HEADgt;

lt;BODY bottomMargin=0 leftMargin= 0 topMargin=0 rightMargin=0gt;

lt;TABLE cellSpacing=1 cellPadding=5 width="95"

align=center

border=0gt;

lt;

lt;

lt; >

lt;xml id=xmlArticlet;

lt;Articlet;

lt;Infogt;

lt;Contentgt;

lt;!

lt;/Articlet;

lt;/xmlgt;

lt;! --Paginación del cuerpo Js--gt;

lt; SCRIPT language=Javascript

src="attachments/month_0607/j200674214834.js"gt;/SCRIPTgt; >

! lt;/TDgt;lt;/TDgt;lt;/TRgt;lt;/TBODYgt;lt;/TABLEgt;lt;/TDgt;lt;/TRgt;

lt;/TBODYgt;lt;/ TABLEgt;

lt;/TBODYgt;lt;/TABLEgt;

!