div拖动后如何得到拖动后的值,
假设值被拖动到table,如何让得到table中tr/td的值,然后进行提交、
希望能得到答案,有好建议的也行。如果有现成代码参考的更好谢谢。
假设值被拖动到table,如何让得到table中tr/td的值,然后进行提交、
希望能得到答案,有好建议的也行。如果有现成代码参考的更好谢谢。
解决方案 »
- json格式的字符串拼接成为URL的问题
- 由一个dropdown决定另一个dropdowm的内容[急急急急急急急急急!!!!!!]
- 为什么document.domain没有变过来
- JS错误: Unterminated string constant(字符集问题,至今0回答)
- js函数返回值的问题
- 用框架做的页面,框架分上,左,右三部分,想点击左侧的按钮在右侧显示不同的页面。如何做的。。。急。。在线等待
- 经过一些时间的研究,得出Netscape兼容性的结论!供大家参考!
- 如何取得下标由1开始的数组的长度
- 怎么样能让一个TD里的TEXT框长度正好充满这个TD??????
- 我的页面中有一个IFEAME,我想在页面中设一个按钮,点击后可以改变IFRAME的宽度或长度
- 关于在函数外访问函数内的变量
- 点击页面空白处就关闭某个层
将table1/td的值拖放到table2/td,然后获取拖动过来的值。最后提交。
td的onmousedown事件里存下来起始的td,触发onmouseup时的td就是目标td
两个td都有了还不好取内容?
$(function(){
// $("#btn").click(function(){
// $("#value.tr").each(function(){
// alert($(this).children().eq(1).text());
// // })
// })
$('.left .item').draggable({
revert:true,
proxy:'clone'
});
$('.right td.drop').droppable({
onDragEnter:function(){
$(this).addClass('over');
},
onDragLeave:function(){
$(this).removeClass('over');
},
onDrop:function(e,source){
$(this).removeClass('over');
if ($(source).hasClass('assigned')){
$(this).append(source);
} else {
var c = $(source).clone().addClass('assigned');
$(this).empty().append(c);
c.draggable({
revert:true
});
}
}
});
});
</script>
</head>
<body><div style="width:700px;">
<div class="left">
<table id="value">
<tr>
<td><div class="item">English</div></td>
</tr>
<tr>
<td><div class="item">Science</div></td>
</tr>
<tr>
<td><div class="item">Music</div></td>
</tr>
<tr>
</table>
</div>
<div class="right">
<table width="94%">
<tr>
<td width="42" class="blank"></td>
<td width="100" class="title">Monday</td>
<td width="100" class="title">Tuesday</td>
</tr>
<tr>
<td class="time">08:00</td>
<td class="drop"></td>
<td class="drop"></td>
<td class="drop"></td>
<td class="drop"></td>
<td class="drop"></td>
</tr>
<tr>
<td class="time">09:00</td>
<td class="drop"></td>
<td class="drop"></td>
<td class="drop"></td>
<td class="drop"></td>
<td class="drop"></td>
</tr>
<tr>
</table>
<input type="text" value="getValue" id="text"/>
<input type="button" id="btn" value="sbm" />
</div>
</div>
$(function(){
// $("#btn").click(function(){
// $("#value.tr").each(function(){
// alert($(this).children().eq(1).text());
// // })
// })
$('.left .item').draggable({
revert:true,
proxy:'clone'
});
$('.right td.drop').droppable({
onDragEnter:function(){
$(this).addClass('over');
},
onDragLeave:function(){
$(this).removeClass('over');
},
onDrop:function(e,source){
$(this).removeClass('over');
if ($(source).hasClass('assigned')){
$(this).append(source);
} else {
var c = $(source).clone().addClass('assigned');
$(this).empty().append(c);
c.draggable({
revert:true
});
}
}
});
});
</script>
</head>
<body><div style="width:700px;">
<div class="left">
<table id="value">
<tr>
<td><div class="item">English</div></td>
</tr>
<tr>
<td><div class="item">Science</div></td>
</tr>
<tr>
<td><div class="item">Music</div></td>
</tr>
<tr>
</table>
</div>
<div class="right">
<table width="94%">
<tr>
<td width="42" class="blank"></td>
<td width="100" class="title">Monday</td>
<td width="100" class="title">Tuesday</td>
</tr>
<tr>
<td class="time">08:00</td>
<td class="drop"></td>
<td class="drop"></td>
<td class="drop"></td>
<td class="drop"></td>
<td class="drop"></td>
</tr>
<tr>
<td class="time">09:00</td>
<td class="drop"></td>
<td class="drop"></td>
<td class="drop"></td>
<td class="drop"></td>
<td class="drop"></td>
</tr>
<tr>
</table>
<input type="text" value="getValue" id="text"/>
<input type="button" id="btn" value="sbm" />
</div>
</div>