Форум программистов [Powered by Invision Power Board]

Код


function hook(e) {
  var el = e.srcElement || e.target;
  el.startX = (e.type == 'mousedown') ? 
    (e.clientX - el.offsetWidth) : 0;
}
function move(e) {
  var el = e.srcElement || e.target;
  if(el.startX) 
    el.style.width = e.clientX - el.startX + 'px';
  (e.preventDefault) ? e.preventDefault() : e.returnValue = false;
}
if(!document.attachEvent) {
  document.attachEvent = function(e, f) {
    this.addEventListener(e.substr(2), f, false);
  }
} 
document.attachEvent('onmouseup', hook);
document.attachEvent('onmousemove', move);

Код


<div style='width:100px;height:100px;background-color:black;position:relative;' 
  onmousedown='hook(event)' onmouseout='hook(event)'></div>

Код


function hook(e) 
{
    var el;
    if(e.srcElement) el = e.srcElement;
    else el = e.target;

    el.startX = (e.type == 'mousedown') ? (e.clientX - el.offsetWidth) : 0;
}
    
function move(e) 
{
    var el;
    if(e.srcElement) el = e.srcElement;
    else el = e.target;
    
    if(el.startX) el.style.width = e.clientX - el.startX + 'px';
    
    e.returnValue = false;
} 

if (document.addEventListener)
{
    document.addEventListener('mouseup', hook, false); 
    document.addEventListener('mousemove', move, false); 
}
else if (document.attachEvent)
{
    document.attachEvent('onmouseup', hook);
    document.attachEvent('onmousemove', move);        
}

Код


<script>d=document;g=function(a){return d.getElementById(a);}
var FF=d.all==null; /*isGecko*/
    var mDown=0;    //установки скрипта
    var posX;    //переменные скрипта
onload=function(){tdTab=[];tdTab[1]=g('tdTb1');tdTab[2]=g('tdTb2');tdTab[3]=g('tdTb3');
  if(IE=d.all&&!self.opera)g('divTdPt1').style.display='none';
  widPt3=IE?0:g('ptPt3').offsetWidth+2;
}

d.onmousedown=function(e){var t;
    if((t=FF?e.target:event.srcElement).className!="tdResize")return;    //отсечка лишнего
    mDown=t.id.charAt(8);
    posX=(FF?e.pageX:event.x+d.body.scrollLeft)-tdTab[mDown].offsetWidth;    //начальная точка захвата
    posTbl=(FF?e.pageX:event.x+d.body.scrollLeft)-g('tdResize'+mDown).offsetParent.offsetWidth;
}
d.onmousemove=function eMove(e){if(!mDown)return;
    tdTab[mDown].style.width=
      xx=Math.max(0,(FF?e.pageX:event.x+d.body.scrollLeft)-posX);
      g('tdResize'+mDown).style.width=IE?4:1;
      isPt3=(g('divTdSp'+mDown).offsetWidth>g('divTdTb'+mDown).offsetWidth)?widPt3:0;
      g('divTdPt'+mDown).style.display=IE||!isPt3?'none':'table';
      g('d2').innerHTML
        =g('divTdSp'+mDown).offsetWidth+' '
        +g('divTdTb'+mDown).offsetWidth+' '
        +isPt3
      g('divTdTb'+mDown).style.width=xx-isPt3;
      g('tdResize'+mDown).offsetParent.style.width=(Math.max(0,(FF?e.pageX:event.x+d.body.scrollLeft)-posTbl))+6;
    
}
d.onmouseup=function(e){mDown=0;}
d.ondragstart=d.onselectstart=function(){if(event.srcElement.className=="tdResize")event.returnValue=!1;}
</script>