海南世纪云图网络科技有限公司
咨询热线:400-822-8458 技术支持:0898-66754910 客户服务:0898-32183600

eWebeditor V2.8增加分页功能!

发表于:2011-05-14 00:00:00来源:SOUAB.COM人气:6586

点击查看原图

1、找一个合适的gif小图片做为按钮图标,也可用phtoshop做一个大小为20*20,放在eWebEditor\ButtonImage\standard目录下,命名为Page.gif

点击查看原图

2、打开eWebEditor/Include目录下的Editor.js,添加如下红色部分:
 case "br":   // 插入换行符
  insertHTML("<br>")
  break;
 case "Page": // 插入分页符
        insertHTML("[NextPage]")
        break;
 case "code":  // 代码片段样式

3、打开eWebEditor/Include目录下的menu.js,添加如下红色部分:
  sMenu += getMenuRow("", "insert('br')", "br.gif", "插入换行符");
  sMenu += getMenuRow("", "insert('Page')", "Page.gif", "插入分页符");
  height = 204;

4、打开eWebEditor数据库eWebEditor_Button表,增加一条记录,如图(最后一条):

点击查看原图

5、登录eWebEditor后台,点击样式管理---点击你所使用样式的 工具栏---常用工具栏---按钮设置,拉到底,把“插入分页符”添加到已选按钮,为了整齐可以减掉一个用不到的按钮,保存。
完成。在后台添加或者编辑文章,插入分页符看看效果。

 

========================================================

好了.ewebeditor的处理完了.现在来处理前台的显示页面关于分页的问题咯

========================================================

6.页面调程序 (打个比方把这个保存在根目录下文件名function.inc.asp)

<%
'文章内容分页
function contentfy(strcontent,page,link)
dim arycontent,zpage,fp,p
page=cint(page)
arycontent=Split(strcontent,"[NextPage]") '这儿的注意下[NextPage][ NextPage ]两个中间有空格是有区别的.看你editor.js这个中设置的.我因为这个空格没注意.吓折腾了后两个小时.郁闷.也是因为技术不到位勒.理解下^_^
zpage=UBound(arycontent)+1

response.Write arycontent(page-1)&"</br>"'输出文章内容

'判断总页数是否大于1,是就输出
Response.Write("<BR><BR>")
Response.Write("<table width=""95%"" border=""0"" align=""center"" cellpadding=""0"" cellspacing=""0"">")
Response.Write(" <tr>")
Response.Write("<td style=""font-size:12px;text-align:center;"">")

if zpage>1 then
response.write "共"&zpage&"页,第"&page&"页  "
'得到第一页、上一页的链接
  if page=1 then
  response.write "第一页  上一页"
  else
  response.write"<a href="&link&"&page=1>第一页</a>&nbsp;<a href="&link&"&page="&(page-1)&">上一页</a>&nbsp;"
  end if
'显示数字页数
fp=(int(page/10)+1)*10'计算当月前页除以10整数部分加1乘以10的页数;如当前页是11除以10的整数就1,1+1=2,2*10=20,显示到20页
if fp>=zpage then
fp=zpage
end if

p=page-(page mod 10)'计算当前页减自身除以10余数部分的页数;如当前页是11,11除以10的余数是1,11-1=10
if p=0 then
p=1
end if
 
do while p<=fp'如上就显示10到20的页数,若当前页是10-20中的一页,都显示数字页数10-20让用户点击
 if page=p then
 response.Write p &"&nbsp;"
 else
 response.Write"<a href="&link&"&page="&p&">"&p&"</a>"&"&nbsp;"
 end if
p=p+1
loop

'得到下一页、最后页链接
  if page<zpage then
  response.write"<a href="&link&"&page="&(page+1)&">下一页</a>&nbsp;<a href="&link&"&page="&zpage&">最后页</a>"
  else
  response.write"下一页  最后页"
  end if

end if
Response.Write("</td></tr></table>")
end function
%>
 

7.在显示内容的页面调用  <!--#include file="function.inc.asp"-->

8.在页面顶部插入

<%
set rsa=server.createobject("adodb.recordset")
sql="select * from Product where proid="&request.querystring("proid")
rsa.open sql,conn,1,1
mcontent=rsa("content")'数据库中内容的字段名称
rsa.close
'set rsa=nothing
'然后取得page的值和link的值:
if request.QueryString("page")="" then
page=1
else
page=request.querystring("page")
end if
link="s_show.asp?proid="&request.querystring("proid")
 %>

 

9.在要显示的内容区域插入

<%call contentfy(mcontent,page,link)%>

文章整理: 世纪云图  https://www.yuntop.cc/

以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

版权申明:本站文章部份来自网络,如有侵权,请联系我们,我们收到后立即删除,谢谢!

特别注意:本站部份转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有。

微信
网站建设
软件业务
网络营销
400电话