您的位置：首页 > Web前端 > JavaScript

js 向 div 动态添加内容 table

2011-02-11 10:58 573 查看

/**
* @author heardy
* @time 2011/02/11
* @version 1.0
*/

<body>
设置style="height:28px" 预留位置 后，点击不会出现闪烁现象
<div id="Objall" style="height:30px"></div >
<a href="#" mce_href="#" onclick="addPaper('HeaderPaper')">头部(左按钮，右页码)</a>
<a href="#" mce_href="#" onclick="addPaper('FoooterPaper')">尾部(左页码，右按钮)</a>
<a href="#" mce_href="#" onclick="cancel()">取消</a>

<mce:script language="javascript"><!--

//$(document).ready(  function(){
//    $("#Objall").hide();
//});

function cancel(val){
$("#bar").remove();
//$("#Objall").hide();
}

function addPaper(val){
$("#bar").remove();
var position = ['left','right','left'];
if(val == 'FoooterPaper'){
position[0] = position[1];
position[1] = position[2];
}
var button = '<input type="button" id="post" value="post"/><input type="button" id="flush" value="flush"/>';
var num = ['<<','1', '2', '3', '4', '5', '跳转到第<input type="text" id="page" size="1"/>页', '>>','Pages:(1/8total)'];
var paper = '<table id="pagerTable"><tr><td>' + num.join('</td><td>') + '</td></tr></table>';

var show = '<div id="bar"><div id="button" style="float:' + position[0] + '" mce_style="float:' + position[0] + '">' + button + '</div><div id="pager" style="float:' + position[1] + '" mce_style="float:' + position[1] + '">'
+ paper + '</div><div id="clear" style="clear:both" mce_style="clear:both"></div></div>';
$("#Objall").append(show);
//$("#Objall").show();
}
// --></mce:script>
</body>

注：此方法用到了jQuery 需要添加jQuery脚本

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

js 向 div 动态 添加 内容 table

js 向 div 动态添加内容 table