对象内部事件的摘引方法是什么

2013-08-01

对象内部事件的引用方法是什么script typetext/javascript srchttp://ajax.googleapis.com/ajax/lib

对象内部事件的引用方法是什么


<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>

想要的效果是点按钮1 就把标题变为1 点按钮2 就把标题变成2.
不知道如何绑定按钮的click 时间. 和如何引用本对象的标题栏
JavaScript 对象 click事件引用
------解决方案--------------------


<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").html(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 () {
     
      ft1.cilck_b(this.name);  //改成 ft1.cilck_b
    });
    $(c_tb).append(bt1);
 } 
}
</script>
<html>
<body>
<div id="freeTableDiv"></div>
</body>
</html>

热点排行