js字符串分页显示的问题,在线等

zgycsmb 2011-10-11 05:10:56
php页面中,有个js变量

var resultStr="莎啦牛排 地址:中山路77号 电话:0791-6253851 尊品牛排馆 地址:象山北路248号文化宫旁 电话:0791-6771870 ";

页面中是通过下面的方式放到div中,
 document.getElementById("result").innerHTML = resultStr;
<div id="result" name="result" style="height:570px; float:left;" ></div>

现问:js变量的内容如何在div中分页显示并可翻页?
thanks
...全文
300 10 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
zgycsmb 2011-10-17
  • 打赏
  • 举报
回复
HTML code<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
</head>
<body>
<div id="pages"></div>
<div id="pager">
<a href="javascript:;" onclick="prev()">上一页</a>
<a href="javascript:;" onclick="next()">下一页</a>
</div>
<script type="text/javascript">
var content = "";
content += "天地有正气,杂然赋流形。";
content += "下则为河岳,上则为日星。";
content += "于人曰浩然,沛乎塞苍冥。";
content += "楚囚缨其冠,传车送穷北。";
content += "鼎镬甘如饴,求之不可得。";
content += "阴房阗鬼火,春院闭天黑。";
content += "牛骥同一皂,鸡栖凤凰食。";
content += "一朝蒙雾露,分作沟中瘠。";
content += "如此再寒暑,百疠自辟易。";
content += "嗟哉沮洳场,为我安乐国。";
content += "岂有他缪巧,阴阳不能贼。";
content += "顾此耿耿在,仰视浮云白。";
content += "悠悠我心悲,苍天曷有极。";
content += "哲人日已远,典刑在夙昔。";
content += "风檐展书读,古道照颜色。";

var arr = content.split("。");
var html = "";
for (var i = 0; i < arr.length; i++) {
if (i == 0) html += "<div>";
else if (i == arr.length - 1) html += "</div>";
else if (i % 5 == 0) html += "</div><div style='display:none;'>"
html += (arr[i] + "。<br />");
}
document.getElementById("pages").innerHTML = html;

var index = 1; //当前页
var pages = document.getElementById("pages").getElementsByTagName("div");
// 上一页
function prev() {
index = --index < 1 ? 1 : index;
for (var i = 0; i < pages.length; i++) {
pages[i].style.display = (i == index - 1) ? "block" : "none";
}
}
// 下一页
function next() {
index = ++index > pages.length ? pages.length : index;
for (var i = 0; i < pages.length; i++) {
pages[i].style.display = (i == index - 1) ? "block" : "none";
}
}
</script>
</body>
</html>
zgycsmb 2011-10-14
  • 打赏
  • 举报
回复
页面中,
for (var i = 0; i < 50; i++)
{
resultStr =resultStr+ "记录第几条:"+i + " <br>";
}
得到一个这样的变量,再把变量放到一div中
document.getElementById("result").innerHTML = resultStr;

<div id="result" name="result" style="height:570px; float:left;" ></div>

现需实现:在div id="result" 这个div内,可分页,可翻页来显示内容,分五页,一页显示十条,如何实现呀,thanks
zgycsmb 2011-10-14
  • 打赏
  • 举报
回复
多谢8楼的,我是意思是

页面中,
var content = "";
content += "天地有正气,杂然赋流形。";
content += "下则为河岳,上则为日星。";
content += "于人曰浩然,沛乎塞苍冥。";
content += "楚囚缨其冠,传车送穷北。";
content += "鼎镬甘如饴,求之不可得。";
content += "阴房阗鬼火,春院闭天黑。";
content += "牛骥同一皂,鸡栖凤凰食。";
content += "一朝蒙雾露,分作沟中瘠。";
content += "如此再寒暑,百疠自辟易。";
content += "嗟哉沮洳场,为我安乐国。";
content += "岂有他缪巧,阴阳不能贼。";
content += "顾此耿耿在,仰视浮云白。";
content += "悠悠我心悲,苍天曷有极。";
content += "哲人日已远,典刑在夙昔。";
content += "风檐展书读,古道照颜色。";

上面的内容中,每句文字中都带有 。号,现以。结束的那句为一条记录,共15条记录,
现需:分三页显示,每页显示5条记录,可翻页,如何实现呀
thanks
zgycsmb 2011-10-12
  • 打赏
  • 举报
回复
哪位能贴点可用的代码吗?
tottyandbaty 2011-10-11
  • 打赏
  • 举报
回复
这个没什么好说的吧,主要思路是字符串的分割,然后跟一般的分页脚本一样咯
zgycsmb 2011-10-11
  • 打赏
  • 举报
回复
分多少页,一页显示几条,可用参数控制的,
ci1699 2011-10-11
  • 打赏
  • 举报
回复
要怎么分页显示啊
zgycsmb 2011-10-11
  • 打赏
  • 举报
回复
能不能帖个例子出来呀,多谢,
黄袍披身 2011-10-11
  • 打赏
  • 举报
回复
csdn上面天天晃来晃去的那个不就是你要的效果吗?自己跟一下代码就有了

21,893

社区成员

发帖
与我相关
我的任务
社区描述
从PHP安装配置,PHP入门,PHP基础到PHP应用
社区管理员
  • 基础编程社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧