我只接受Ublog用戶之意見.
另外,就算upgrade我也要找時間去up.

總之up 唔up, 大家比個意見先.

新增插件 Click Comment

於文章下以click icon作Comment的插件

///可以定義 cell 是 th 或 td, cell 的id 及 class

  var jsonObj={
  'id':'tableid1',
  'classname':'tableclass',
  'cell':[
  [{'typename':'th','id':'td1','text':'Name:'},{'typename':'td','text':"text"}],
  [{'typename':'th','id':'td1','text':'Logon ID:'},{'typename':'td','classname':'tdclass1','text':'d1'}],
  [{'typename':'th','id':'td1','text':'f'},{'typename':'td','text':'d1'}],
  [{'typename':'th','id':'td1','text':'d1'},{'typename':'td','text':'d1'}]
]
  };

  createTableByJson('div2',jsonObj);

function createTableByJson(divid,jsonObj){
  var ourDiv=document.getElementById(divid);
  var t=document.createElement('table');
  if(jsonObj.id){
  t.setAttribute("id",jsonObj.id);
  }
  if(jsonObj.classname){
  t.setAttribute("class",jsonObj.classname);
  t.setAttribute("className",jsonObj.classname);
  }
  var tb=document.createElement('tbody');
  var tr=document.createElement('tr');

  for(var j=0;j<jsonObj.cell.length;j++){
  tr=document.createElement('tr');
  for(var i=0;i<jsonObj.cell[j].length;i++){
     var tdText=document.createTextNode(jsonObj.cell[j][i].text);
  switch(jsonObj.cell[j][i].typename){
    case 'th':
var cell=document.createElement('th');
break
default:
var cell=document.createElement('td');
  }
  if(jsonObj.cell[j][i].id){
    cell.setAttribute('id',jsonObj.cell[j][i].id);
  }
  if(jsonObj.cell[j][i].classname){
    cell.setAttribute('class',jsonObj.cell[j][i].classname);
    cell.setAttribute('className',jsonObj.cell[j][i].classname);
  }
     cell.appendChild(tdText);
     tr.appendChild(cell);
  }
  tb.appendChild(tr);
  }
  t.appendChild(tb);
  ourDiv.appendChild(t);
}

  jsonObj={
  'id':'tableid',
  'classname':'tableclass',
  'th':[
   {'id':'th1','text':'F1'},
{'id':'th2','text':'F2'},
{'id':'th3','classname':'tdclass1','text':'F3'}
],
  'td':[
   [{'id':'td1','text':'d1'},{'id':'td1','text':'d1'},{'id':'td1','text':'d1'}],
   [{'id':'td1','text':'d1'},{'id':'td1','classname':'tdclass1','text':'d1'},{'id':'td1','text':'d1'}],
   [{'id':'td1','text':'d1'},{'id':'td1','text':'d1'},{'id':'td1','text':'d1'}],
   [{'id':'td1','text':'d1'},{'id':'td1','text':'d1'},{'text':'d1'}]
]
  };

///使用方法 createTableByJson(div id,json);
createTableByJson('tableTest',jsonObj);

function createTableByJson(divid,jsonObj){
  var ourDiv=document.getElementById(divid);
  var t=document.createElement('table');
  if(jsonObj.id){
   t.setAttribute("id",jsonObj.id);
  }
  if(jsonObj.classname){
   t.setAttribute("class",jsonObj.classname);
   t.setAttribute("className",jsonObj.classname);
  }
  var tb=document.createElement('tbody');
  var tr=document.createElement('tr');
  /// add th
  for(var i=0;i<jsonObj.th.length;i++){
   var thText=document.createTextNode(jsonObj.th[i].text);
   var th=document.createElement('th');
if(jsonObj.th[i].id){
  th.setAttribute('id',jsonObj.th[i].id);
}
if(jsonObj.th[i].classname){
  th.setAttribute('class',jsonObj.th[i].classname);
  th.setAttribute('className',jsonObj.th[i].classname);
}
   th.appendChild(thText);
   tr.appendChild(th);
  }
  tb.appendChild(tr);
  /// add td
  for(var j=0;j<jsonObj.td.length;j++){
   tr=document.createElement('tr');
   for(var i=0;i<jsonObj.td[j].length;i++){
     var tdText=document.createTextNode(jsonObj.td[j][i].text);
     var td=document.createElement('td');
  if(jsonObj.td[j][i].id){
    td.setAttribute('id',jsonObj.td[j][i].id);
  }
  if(jsonObj.td[j][i].classname){
    td.setAttribute('class',jsonObj.td[j][i].classname);
    td.setAttribute('className',jsonObj.td[j][i].classname);
  }
     td.appendChild(tdText);
     tr.appendChild(td);
   }
   tb.appendChild(tr);
  }
  t.appendChild(tb);
  ourDiv.appendChild(t);
}