Перетащить за шапку.
Народ подскажите как осуществить.
Есть виртуальное окно построенное div-ами подключил к нему скрипт Draggable(Drag&Drop) Элемент таскается , за любую точку . А мне нужно чтобы он таскался только за верхушку(шапку) так сказать, этого виртуального окна.А то что ниже тоже таскалось вместе с шапкой но зацепить и перетащить за нижнюю часть нельзя. |
Ладно сам разобрался, в данном скрипте есть параметр который отвечает за нужное мне решение. Параметр handle
<script type="text/javascript" language="javascript">
$(function(){$("#drag").draggable({handle:'#top'});
$(".resize").resizable({alsoResize:".res"});});
</script>
|
мое окно в виде таблице
<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"> </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>
|
| Часовой пояс GMT +3, время: 05:45. |