Cómo utilizar Dreamweaver para implementar paginación de páginas web estáticas
//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;
!