标签: drag-and-drop

OnDrop事件从未针对Safari发起过

我正在建立一个专门针对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)

html javascript css webkit drag-and-drop

3
推荐指数
1
解决办法
4152
查看次数

如何使Uploadify与拖放文件一起使用?

如何使Uploadify(http://www.uploadify.com/demos/)与拖放文件一起使用?

我正在尝试使用Uploadify创建这个: uploadify示例

我只是不知道如何开始?

我假设我将不得不使用.uploadify()创建实例,并且我将不得不在循环中为每个丢弃的图像使用.uploadifyUpload()(触发文件上载).但是如何做到跨浏览器兼容呢?我已经有了"选择文件"按钮,可以选择它们并显示下面的多个上传栏.

upload jquery drag-and-drop file uploadify

3
推荐指数
1
解决办法
4675
查看次数

Delphi列表框拖放多个项目

我需要在我的内部拖放多个项目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)

delphi drag-and-drop listbox delphi-xe

3
推荐指数
1
解决办法
5486
查看次数

移动到顶部功能在kineticJs中不起作用

我正在尝试使用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)

javascript drag-and-drop image html5-canvas kineticjs

3
推荐指数
1
解决办法
2643
查看次数

如何在Android RelativeLayout中拖放视图

我制作了自己的拖放功能.

我想用a做这个RelativeLayout,但这似乎不能很好地工作.在开始时,我可以告诉每个人View我想通过将它设置在View之前的位置来拖动它应该在哪个位置.

但是当我想拖动一个视图时,它下面的所有其他视图也会被移动,因为它们想要保持我设置它们的顺序.

但是我可以使用其他布局吗?我必须在不同的屏幕尺寸上使用这种拖放功能,所以我不能给它们固定xy值.

android drag-and-drop android-layout

3
推荐指数
1
解决办法
8847
查看次数

jQGrid拖放行检查

我将主网格正确拖放到二级网格中.我的问题是,如何在将行放入我的辅助网格之前执行检查,这将确定我尝试丢弃的行是否已经存在?如果它已经存在于二级网格中,请不要让用户将其丢弃,基本上停止拖放功能.

我想我可以从我试图放弃的行中获取键值.然后,检查该值是否已作为我已删除的行之一中的键值存在.我假设我将以某种方式使用此功能:

beforedrop : function(e,ui,data,source,target) { }
Run Code Online (Sandbox Code Playgroud)

或者这个功能:

ondrop: function (ev, ui, getdata) { }
Run Code Online (Sandbox Code Playgroud)

有人有主意吗?

drag-and-drop jqgrid jquery-ui-draggable

3
推荐指数
1
解决办法
5650
查看次数

如何拖放到QTableWidget?(PyQt的)

我正在努力实现拖放工作.我希望能够从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)

drag-and-drop pyqt qtablewidget

3
推荐指数
1
解决办法
5203
查看次数

HTML5拖放,还是JqueryUI拖放?

我正在开发一个客户端应用程序.它不需要是跨浏览器.而且我也想使用拖放功能.

我熟悉JqueryUI拖放,但我想知道哪个更好的性能和简单的编程,Html5或JqueryUI?

谢谢

html5 drag-and-drop jquery-ui

3
推荐指数
1
解决办法
1138
查看次数

在WPF DataGrid上拖动Drop Row行为

我试图做一个附加行为来重新排序行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)

c# wpf drag-and-drop wpfdatagrid attachedbehaviors

3
推荐指数
2
解决办法
7417
查看次数

Android在屏幕上拖放图像?

我正在研究项目用户将图像移动到一个位置到屏幕上的另一个位置.我写了一个示例代码来移动图像,但问题是如果我移动一个图像,相邻的图像也开始移动..这是示例代码.任何一个想法.

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)

android drag-and-drop imageview

3
推荐指数
1
解决办法
2万
查看次数