js前台分页
/** * @author yuynag * @create 2008-12-12 */function page_file_task(data_span,data_div,data_content_div){var spans = document.getElementById(data_span);var divs = document.getElementById(data_div); var content = document.getElementById(data_content_div);var texts = spans.innerHTML;if (texts.indexOf("<div>--NextPage--</div>") > 0) {pagecount(texts, data_div,data_content_div,data_span);}else {divs.innerHTML = "<span id='only' style='color:blue'></span>";document.getElementById('only').style.fontSize = "20px";spans.style.display = "block";}} function pagecount(data,data_div,content_div,data_span){ var divs = document.getElementById(data_div);var page_txt = data; var page_Team = data.split("<div>--NextPage--</div>");var page_content = document.getElementById(content_div); var page_New_Team =[]; for(var i = 0 ;i<page_Team.length;i++){page_Team = page_Team.replace(/(^\s*)|(\s*$)/g, "");if (page_Team.length > 0) {page_New_Team = page_Team;}} alert(page_New_Team.length);for(var i = 0;i<page_New_Team.length;i++){var PN = "0";var click ="page_task_content('page_content"+i+"','"+data_span+"','page_number"+i+"','"+PN+"')"; if (i == 0) {page_content.innerHTML += "<font id='page_content" + i + "'>" + page_New_Team + "</font>";}else { page_content.innerHTML += "<font id='page_content" + i + "' style='display:none'>" + page_New_Team + "</font>";}if(i==0){ PN="prev"; click ="page_task_content('page_content"+i+"','"+data_span+"','page_number0','"+PN+"')"; divs.innerHTML+="<span id='prev' style='color:blue'><font >上一页</font></span>"; document.getElementById('prev').style.display = "none";} var ireplace = i+1;if (ireplace == 1) {divs.innerHTML += "<span id='page_number" + i + "' style='color:red' >[" + ireplace + "]</span>";document.getElementById("page_number"+i).style.fontSize="40px";}else { divs.innerHTML += "<span id='page_number" + i + "' style='color:blue' >[" + ireplace + "]</span>"; document.getElementById("page_number"+i).style.fontSize="20px"; }if(i==page_New_Team.length-1){PN = "next"; click ="page_task_content('page_content1','"+data_span+"','page_number1','"+PN+"')"; divs.innerHTML+="<span id='next' style='color:blue'><font >下一页</font></span>";document.getElementById('next').style.fontSize="20px";} }}function page_task_content(id,data_span,data_number,data_PN){var spans = document.getElementById(data_span); var texts = spans.innerHTML;var page_Team = texts.split("<div>--NextPage--</div>");var page_New_Team = []; for(var i = 0 ;i<page_Team.length;i++){page_Team = page_Team.replace(/(^\s*)|(\s*$)/g, "");if (page_Team.length > 0) { page_New_Team = page_Team;} } var privs = document.getElementById('prev');var nexts = document.getElementById('next'); var data_number_jisun = data_number.substring(11,12);var data_number_id = id.substring(12,13);var data_add = 0 + Number(data_number_jisun);var data_next = 0; var data_prev = 0;var nextnumber = 0;var prevnumber = 0;var click = ""; data_next = data_add+1; data_prev = data_add-1;if(data_PN=="prev"){ if (data_add == 0) { data_next = 1; } } data_prev = "page_number"+data_prev; data_next = "page_number"+data_next;nextnumber = Number(data_number_id)+1; prevnumber = Number(data_number_id)-1;for(var i = 0 ;i<page_New_Team.length;i++){var rId = "page_content"+i; var nId="page_number"+i;if (nId == data_number) { if(data_add == 0){ click ="page_task_content('page_content0','"+data_span+"','page_number1','prev')"; privs.style.display = "none"; privs.innerHTML = "<font >上一页</font>";}else{click ="page_task_content('page_content"+prevnumber+"','"+data_span+"','"+data_prev+"','prev')"; privs.style.display = "block"; privs.innerHTML = "<font >上一页</font>";}if(data_add == page_New_Team.length-1){ click = "page_task_content('page_content"+page_New_Team.length+"','"+data_span+"','page_number"+page_New_Team.length+"','next')"; nexts.style.display = "none"; nexts.innerHTML = "<font >下一页</font>"; }else{ click ="page_task_content('page_content"+nextnumber+"','"+data_span+"','"+data_next+"','next')"; nexts.style.display = "block"; nexts.innerHTML = "<font >下一页</font>"; }document.getElementById(nId).style.color = "red";document.getElementById(nId).style.fontSize = "40px";} else {document.getElementById(nId).style.color = "blue";document.getElementById(nId).style.fontSize = "20px";} if(rId==id){ document.getElementById(rId).style.display = "block";}else{document.getElementById(rId).style.display = "none";}}}<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Untitled Document</title><script src="page_file.js" type="text/javascript"></script></head><body> <h1>输入的内容为：<span id="ss" style="display:none"><p>成熟大方<div>--NextPage--</div><div>--NextPage--</div><div>--NextPage--</div><div>--NextPage--</div>水电费是否<div>--NextPage--</div></p></span> <span id = "dd" style="color:red" >ddddd</span> <div id="page_content"></div><div id="page_task"></div><script type="text/javascript"> page_file_task('ss','page_task','page_content');</script></body></html>
页:
[1]