我正在建立一个专门针对iPad的网站.我试图让拖放工作,但ondrop事件似乎永远不会因为某些原因而发生.
你能帮助我让div检测到什么时候我把它放在它上面?
我有一个非常简单的HTML页面,它表明在Safari中永远不会触发ondrop事件.桌面safari和ipad safari都失败了.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> </title>
<style type="text/css">
<!--
body {
margin: 100px;
}
.dropTarget {
width: 300px;
height: 100px;
float: left;
display: inline;
margin: 10px;
background-color: green;
-webkit-user-drop: element;
}
.drag {
width: 100px;
height: 100px;
background-color: red;
-webkit-user-drag: element; /*element*/
}
-->
</style>
<script type="text/javascript">
<!--
function onDrop(e, ele) { alert("drop"); }
-->
</script>
</head>
<body>
<div class="drag">
</div>
<br/>
<div class="dropTarget" ondrop="onDrop(e,this);">
</div>
<br/> …Run Code Online (Sandbox Code Playgroud) 如何使Uploadify(http://www.uploadify.com/demos/)与拖放文件一起使用?
我正在尝试使用Uploadify创建这个: 
我只是不知道如何开始?
我假设我将不得不使用.uploadify()创建实例,并且我将不得不在循环中为每个丢弃的图像使用.uploadifyUpload()(触发文件上载).但是如何做到跨浏览器兼容呢?我已经有了"选择文件"按钮,可以选择它们并显示下面的多个上传栏.
我需要在我的内部拖放多个项目Tlistbox.
我所指的代码是
var
StartingPoint : TPoint;
implementation
...
procedure TForm1.FormCreate(Sender: TObject) ;
begin
ListBox1.DragMode := dmAutomatic;
end;
procedure TForm1.ListBox1DragDrop(Sender, Source: TObject; X, Y: Integer) ;
var
DropPosition, StartPosition: Integer;
DropPoint: TPoint;
begin
DropPoint.X := X;
DropPoint.Y := Y;
with Source as TListBox do
begin
StartPosition := ItemAtPos(StartingPoint,True) ;
DropPosition := ItemAtPos(DropPoint,True) ;
Items.Move(StartPosition, DropPosition) ;
end;
end;
procedure TForm1.ListBox1DragOver(Sender, Source: TObject; X, Y: Integer; State: TDragState; var Accept: Boolean) ;
begin
Accept := Source = ListBox1;
end;
procedure …Run Code Online (Sandbox Code Playgroud) 我正在尝试使用html5 img标记将多个图像加载到画布上.
并且图像是可替换的.例如,有5个图像列表图像也是可拖动的,
并且特定图像的单击替换了来自同一列表的最后上载的图像,
我面临的问题是,当我上传新元素时它会出现其他的顶部.并点击底部元素,我希望它移动到顶部并拖动.我试图使用kineticjs函数调用移动到顶部但没有发生任何事情..我也检查了库,它很好......
我不能粘贴我的完整代码,因为它太大了.
这是我试图将移动添加到顶级功能的部分:
function drawImageOnLayer(layer, img) {
var x = stage.width / 2 - 100 ;
var y = stage.height / 2 - 200 ;
var width = 200;
var height = 400;
var kinecticImg = new Kinetic.Shape(function(){
var context = this.getContext();
context.drawImage(img, x, y, width, height);
// draw invisible detectable path for image
context.beginPath();
context.rect(x, y, width, height);
context.closePath();
});
// enable drag and drop
kinecticImg.draggable(true);
Run Code Online (Sandbox Code Playgroud)
这个功能不起作用
kinecticImg.on("mousedown", function(){
this.moveToTop();
layer.draw();
Run Code Online (Sandbox Code Playgroud)
结束
});
layer.clear();
layer.add(kinecticImg); …Run Code Online (Sandbox Code Playgroud) 我制作了自己的拖放功能.
我想用a做这个RelativeLayout,但这似乎不能很好地工作.在开始时,我可以告诉每个人View我想通过将它设置在View之前的位置来拖动它应该在哪个位置.
但是当我想拖动一个视图时,它下面的所有其他视图也会被移动,因为它们想要保持我设置它们的顺序.
但是我可以使用其他布局吗?我必须在不同的屏幕尺寸上使用这种拖放功能,所以我不能给它们固定x和y值.
我将主网格正确拖放到二级网格中.我的问题是,如何在将行放入我的辅助网格之前执行检查,这将确定我尝试丢弃的行是否已经存在?如果它已经存在于二级网格中,请不要让用户将其丢弃,基本上停止拖放功能.
我想我可以从我试图放弃的行中获取键值.然后,检查该值是否已作为我已删除的行之一中的键值存在.我假设我将以某种方式使用此功能:
beforedrop : function(e,ui,data,source,target) { }
Run Code Online (Sandbox Code Playgroud)
或者这个功能:
ondrop: function (ev, ui, getdata) { }
Run Code Online (Sandbox Code Playgroud)
有人有主意吗?
我正在努力实现拖放工作.我希望能够从QPushButton拖放到QTableView的单元格中.我在线查看了一些教程,但似乎第一步陷入困境.下面的例子中,从惊人zetcode教程改变: http://zetcode.com/tutorials/pyqt4/dragdrop/
使用下面的代码,当我将按钮拖动到tableWidget的dragEnterEvent似乎被调用,但是一旦我将鼠标悬停在桌子上,我得到我不能砸在桌子上那个符号,所以绝不能去掉事件:(
我不得不承认我对pyqt很新,所以可能会遗漏一些非常简单的东西.非常感谢我能得到的任何帮助!干杯戴夫
import sys
from PyQt4 import QtGui
from PyQt4 import QtCore
class Button(QtGui.QPushButton):
def __init__(self, title, parent):
super(Button, self).__init__(title, parent)
def mouseMoveEvent(self, e):
if e.buttons() != QtCore.Qt.RightButton:
return
mimeData = QtCore.QMimeData()
drag = QtGui.QDrag(self)
drag.setMimeData(mimeData)
drag.setHotSpot(e.pos() - self.rect().topLeft())
dropAction = drag.start(QtCore.Qt.MoveAction)
def mousePressEvent(self, e):
QtGui.QPushButton.mousePressEvent(self, e)
if e.button() == QtCore.Qt.LeftButton:
print 'press'
class MyTable(QtGui.QTableWidget):
def __init__(self, rows, columns, parent):
super(MyTable, self).__init__(rows, columns, parent)
self.setAcceptDrops(True)
def dragEnterEvent(self, e):
print e.accept()
def dropEvent(self, e):
print 'blah'
position = e.pos() …Run Code Online (Sandbox Code Playgroud) 我正在开发一个客户端应用程序.它不需要是跨浏览器.而且我也想使用拖放功能.
我熟悉JqueryUI拖放,但我想知道哪个更好的性能和简单的编程,Html5或JqueryUI?
谢谢
我试图做一个附加行为来重新排序行bby做 Drag & Drop
我发现了一些解决方案(在Stackoverflow上和通过谷歌搜索)并使用它们我试图做出行为......我从Hordcodenet网站上拿了例子(我现在没有链接)
public static class DragDropRowBehavior
{
private static DataGrid dataGrid;
private static Popup popup;
private static bool enable;
private static object draggedItem;
public static object DraggedItem
{
get { return DragDropRowBehavior.draggedItem; }
set { DragDropRowBehavior.draggedItem = value; }
}
public static Popup GetPopupControl(DependencyObject obj)
{
return (Popup)obj.GetValue(PopupControlProperty);
}
public static void SetPopupControl(DependencyObject obj, Popup value)
{
obj.SetValue(PopupControlProperty, value);
}
// Using a DependencyProperty as the backing store for PopupControl. This enables animation, styling, binding, etc... …Run Code Online (Sandbox Code Playgroud) 我正在研究项目用户将图像移动到一个位置到屏幕上的另一个位置.我写了一个示例代码来移动图像,但问题是如果我移动一个图像,相邻的图像也开始移动..这是示例代码.任何一个想法.
Main.java
public class MainActivity extends Activity {
int windowwidth;
int windowheight;
ImageView ima1,ima2;
private android.widget.RelativeLayout.LayoutParams layoutParams ;
// private android.widget.RelativeLayout.LayoutParams layoutParams ;
//private android.widget.RelativeLayout.LayoutParams layoutParams ;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
windowwidth = getWindowManager().getDefaultDisplay().getWidth();
windowheight = getWindowManager().getDefaultDisplay().getHeight();
System.out.println("width" +windowwidth);
System.out.println("height" +windowheight);
ima1 = (ImageView)findViewById(R.id.imageview1);
ima1.setOnTouchListener(new View.OnTouchListener() {
public boolean onTouch(View v, MotionEvent event) {
layoutParams = (RelativeLayout.LayoutParams) ima1.getLayoutParams();
switch(event.getAction())
{
case MotionEvent.ACTION_DOWN:
break;
case MotionEvent.ACTION_MOVE:
int x_cord = (int) event.getRawX();
int y_cord = (int) event.getRawY();
System.out.println("value …Run Code Online (Sandbox Code Playgroud) drag-and-drop ×10
android ×2
javascript ×2
c# ×1
css ×1
delphi ×1
delphi-xe ×1
file ×1
html ×1
html5 ×1
html5-canvas ×1
image ×1
imageview ×1
jqgrid ×1
jquery ×1
jquery-ui ×1
kineticjs ×1
listbox ×1
pyqt ×1
qtablewidget ×1
upload ×1
uploadify ×1
webkit ×1
wpf ×1
wpfdatagrid ×1