Форум

rawuk · #1 (**permalink**) 03.03.2011, 11:49

Народ подскажите как осуществить.
Есть виртуальное окно построенное div-ами подключил к нему скрипт Draggable(Drag&Drop)
Элемент таскается , за любую точку . А мне нужно чтобы он таскался только за верхушку(шапку) так сказать, этого виртуального окна.А то что ниже тоже таскалось вместе с шапкой но зацепить и перетащить за нижнюю часть нельзя.

rawuk · #2 (**permalink**) 03.03.2011, 15:36

Ладно сам разобрался, в данном скрипте есть параметр который отвечает за нужное мне решение. Параметр handle

<script type="text/javascript" language="javascript">
 $(function(){$("#drag").draggable({handle:'#top'});
 $(".resize").resizable({alsoResize:".res"});});
 
 </script>

DmitryT · #3 (**permalink**) 08.03.2011, 08:14

мое окно в виде таблице

<body onmousemove="pip()">
 
<table id="table1" border="1" cellpadding="10" width=500 height=300 style="position:absolute;left:100;top:50">
 
<tr height=25 bgcolor="blue" onmousedown="flagon()" onmouseup="flagoff()" onmousemove="pip()">
 
<td></td>
 
</tr>
<tr>
<td id="td4">&nbsp;</td>
</tr>
</table>
 
<script type="text/javascript"> 
 
var flag=0, tx=100, ty=50, mx, my;
 
function flagon(){
  flag=1;
  mx = event.clientX-tx;
  my = event.clientY-ty;
}
function flagoff(){
  flag=0;
}
function pip(){
if (flag == 1){
  status = flag.toString(10);
  document.getElementById('table1').style.left=event.clientX-mx;
  document.getElementById('table1').style.top=event.clientY-my;
  tx=event.clientX-mx;
  ty=event.clientY-my;
}
}
</script>
</body>

Форум

Справочник

Discord чат

Курсы javascript