日期:2014-05-16 浏览次数:20393 次
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<style>
</style>
<script type="text/javascript">
$(document).ready(function() {
b_ft();//构造一个表
});
function b_ft(){
ft1= new myfreetable(document.getElementById('freeTableDiv'), "300","100%","自由表格")
}
function myfreetable(htmlObject,height, width,str){
this.height=height;
this.width=width;
this.is_edit_mode=true;
var t=htmlObject;
//构建标题栏位
var c_title=document.createElement('div');
c_title.className="c_title";
var p=document.createElement('p');
p.innerHTML=str;
$(c_title).append(p);
$(t).append(c_title);
//构建工具条
var c_tb=document.createElement('div');
c_tb.className="c_toolsbar";
$(t).append(c_tb);
this.toolsbar= new _creat_toolsbar(c_tb);
}
myfreetable.prototype.cilck_b=function(str){
alert (str);
$(".c_title p").innerHTML=str; //修改标题的内容, 这里使用CLASS引用不妥会影响别的同类对象
// 应该如何引用次对象的标题??
}
function _creat_toolsbar(htmlObject){
var c_tb=htmlObject;
for (var i=1; i<4;i++){
var bt1=document.createElement('input');
bt1.type="button";
bt1.value="按钮"+i;
bt1.className="toolsbar_bott";
bt1.name=i;
$(bt1).click(function () {
cilck_b(this.name); //这个无效
});
$(c_tb).append(bt1);
}
}
</script>
<html>
<body>
<div id="freeTableDiv"></div>
</body>
</html>