table 제목을 드래그하여 td 크기 변경 (css + js 코드)

 
  
 
  
 
  
 
  
 
  
<!-- 
  <br>function MouseDownToResize(obj){ 
  <br>setTableLayoutToFixed(); 
  <br>obj.mouseDownX=event.clientX; 
  <br>obj.pareneTdW=obj.parentElement.offsetWidth; 
  <br>obj.pareneTableW=theObjTable.offsetWidth; 
  <br>obj.setCapture(); 
  <br>} 
  <br>function MouseMoveToResize(obj){ 
  <br>if(!obj.mouseDownX) return false; 
  <br>var newWidth=obj.pareneTdW*1+event.clientX*1-obj.mouseDownX; 
  <br>if(newWidth>10) 
  <br>{ 
  <br>var theObjTable = document.getElementById("theObjTable"); 
  <br>obj.parentElement.style.width = newWidth; 
  <br>theObjTable.style.width=obj.pareneTdW*1+event.clientX*1-obj.mouseDownX; 
  <br>} 
  <br>} 
  <br>function MouseUpToResize(obj){ 
  <br>obj.releaseCapture(); 
  <br>obj.mouseDownX=0; 
  <br>} 
  <br>function setTableLayoutToFixed() 
  <br>{ 
  <br>var theObjTable = document.getElementById("theObjTable"); 
  <br>if(theObjTable.style.tableLayout=='fixed') return; 
  <br>var headerTr=theObjTable.rows[0]; 
  <br>for(var i=0;i<headerTr.cells.length;i++) 
  <br>{ 
  <br>headerTr.cells[i].styleOffsetWidth=headerTr.cells[i].offsetWidth; 
  <br>} 
  <br>for(var i=0;i<headerTr.cells.length;i++) 
  <br>{ 
  <br>headerTr.cells[i].style.width=headerTr.cells[i].styleOffsetWidth; 
  <br>} 
  <br>theObjTable.style.tableLayout='fixed'; 
  <br>} 
  <br>function theObjTable(o,a,b,c){ 
  <br>var t=document.getElementById(o).getElementsByTagName("tr"); 
  <br>for(var i=0;i<t.length;i++){ 
  <br>t[i].style.backgroundColor=(t[i].sectionRowIndex%2==0)?a:b; 
  <br>t[i].onclick=function(){ 
  <br>if(this.x!="1"){ 
  <br>}else{ 
  <br>this.x="0"; 
  <br>this.style.backgroundColor=(this.sectionRowIndex%2==0)?a:b; 
  <br>} 
  <br>} 
  <br>t[i].onmouseover=function(){ 
  <br>if(this.x!="1")this.style.backgroundColor=c; 
  <br>} 
  <br>t[i].onmouseout=function(){ 
  <br>if(this.x!="1")this.style.backgroundColor=(this.sectionRowIndex%2==0)?a:b; 
  <br>} 
  <br>} 
  <br>} 
  <br>// --> 
  
 
  

































 
  
 
  
  
 
  
 
  
 
  
     
  
 
  
 
  
 
  
     
  
 
  
 
  
 
  
   
  
 
  
 
  
 
  
    
  
 
  
 
  
 
  
     
  
 
  
 
  
 
  
1
 
  
    
 
  
      
 
  
   
 
  
   
 
  
  
 
  
 
  
 
  
2
 
  
    
 
  
      
 
  
   
 
  
   
 
  
   
 
  
 
  
 
  
3
 
  
    
 
  
      
 
  
   
 
  
   
 
  
   
 
  
 
  
 
  
<!-- 
  <br>//senfe("    ","     ","     ","      ","     "); 
  <br>theObjTable("theObjTable","#c0c0c0","#fff","#a3a2a2"); 
  <br>// -->