我试图得到一个类似于这个网站的jQuery组件。 基本上,有一个可用的元素列表,你可以拖放到几个块。 我有相当多的JavaScript开发经验,但我对jQuery很jQuery ,我希望这个语言能够被编写。 你们可以请我带一些类似于上面所示的例子,或给我一些提示什么是一个好地方开始寻找这样的东西?
安装程序 所以,我有一个自信的div – 我正在编辑一个所见即所得的编辑器:粗体,斜体,格式化,最近和最近:插入花哨的图像(在一个漂亮的盒子里,带有标题)。 <a class="fancy" href="i.jpg" target="_blank"> <img alt="" src="i.jpg" /> Optional Caption goes Here! </a> 用户添加这些奇特的图像,我给他们一个对话框:他们填写的细节,上传图像,然后很像其他编辑器function,我使用document.execCommand('insertHTML',false,fancy_image_html); 根据用户的select将其插入。 期望的function 所以,现在,我的用户可以在一个奇特的形象扑面而来 – 他们需要能够移动它。 用户需要能够点击并拖动图像(花式框和全部)以将其放置在满意的任何地方。 他们需要能够在段落之间,甚至段落之间移动 – 如果他们想要的话,可以在两个词之间移动。 什么给我希望 请记住 – 在一个可以理解的情况下,普通的旧的<img>标签已经被这个可爱的拖放function的用户代理所祝福了。 默认情况下,您可以在任何地方拖放<img>标签。 默认的拖放操作就像人们梦寐以求的那样。 所以,考虑到这个默认行为已经对我们的<img>伙伴如此捣蛋 – 我只想将这个行为扩展一点,以包含更多的HTML – 这看起来应该是很容易实现的。 我的努力到目前为止 首先,我使用draggable属性设置了我喜欢的<a>标签,并禁用了contenteditable(不知道是否有必要,但似乎也可以closures): <a class="fancy" […] draggable="true" contenteditable="false"> 然后,因为用户仍然可以将图像拖出花哨的<a>框,我不得不做一些CSS。 我正在使用Chrome,所以我只向你展示-webkit-前缀,尽pipe我也使用了其他的。 .fancy { -webkit-user-select:none; -webkit-user-drag:element; } .fancy>img { -webkit-user-drag:none; […]
我目前正在尝试使用UICollectionView实现UITableView重sorting行为。 我们来调用一个UItableView TV和一个UICollectionView CV (澄清下面的解释) 我基本上试图重现电视的拖放,但我没有使用编辑模式,只要长按手势被触发,电池就准备好被移动。 它工作正常,我使用CV的移动方法,一切都很好。 我更新CV的contentOffset属性以处理用户拖动单元格时的滚动。 当用户到达顶部和底部的特定矩形时,我更新contentOffset和CV滚动。 问题是当用户停止移动它的手指时,手势不发送任何更新,这使得滚动停止并且一旦用户移动他的手指就重新开始。 这种行为是绝对不自然的,我宁愿继续滚动,直到用户释放简历,因为它是在电视的情况下。 电视拖拽的经验是真棒,我真的想重现相同的感觉。 有谁知道他们如何pipe理在重新sorting电视的滚动? 我试着用一个定时器重复触发滚动动作,只要手势位置在正确的位置,滚动是可怕的,并不是非常有效率(非常缓慢和跳动)。 我也尝试使用GCD在另一个线程中聆听手势位置,但结果甚至更糟。 我没有想到这个,所以如果有人有答案,我会嫁给他! 这里是longPress方法的实现: – (void)handleLongPress:(UILongPressGestureRecognizer *)sender { ReorganizableCVCLayout *layout = (ReorganizableCVCLayout *)self.collectionView.collectionViewLayout; CGPoint gesturePosition = [sender locationInView:self.collectionView]; NSIndexPath *selectedIndexPath = [self.collectionView indexPathForItemAtPoint:gesturePosition]; if (sender.state == UIGestureRecognizerStateBegan) { layout.selectedItem = selectedIndexPath; layout.gesturePoint = gesturePosition; // Setting gesturePoint invalidate layout } else if […]
我需要将一个图像文件放入我的WPF应用程序中。 当我放入文件时,我现在有一个事件触发,但我不知道下一步该怎么做。 我如何获得图像? sender对象的图像还是控件? private void ImagePanel_Drop(object sender, DragEventArgs e) { //what next, dont know how to get the image object, can I get the file path here? }
我的问题是2折,我希望有更容易的解决scheme,由WPF提供,而不是从WinForms的标准解决scheme(Christophe Geers提供,在我做了这个澄清之前)。 首先,有没有办法使窗口拖动不捕获和处理鼠标点击+拖动事件? 我的意思是窗口是可拖动的标题栏,但如果我设置一个窗口不能有一个,仍然希望能够拖动它,有没有办法只是重新定向事件不知何故处理标题栏拖动? 其次,有没有办法将事件处理程序应用于窗口中的所有元素? 如在,无论用户点击+拖动哪个元素使窗口可拖动。 显然,不需要手动添加处理程序,只需要添加每个元素。 只要在某个地方做一次?
现在我们可以把文件拖放到一个特殊的容器中,然后用XHR2上传它们。 现场进度条等非常酷的东西。 这里的例子。 但有时我们不想要那么多的冷静。 我想要的是将文件拖放到一个标准的HTML文件input : <input type=file multiple> 。 那可能吗? 有没有什么办法来从文件下拉菜单中填入正确的文件名(?)? (完整的文件path不适用于文件系统安全原因。) 为什么? 因为我想提交一个正常的表格。 适用于所有浏览器和所有设备。 拖放只是渐进式的增强,以增强和简化用户体验。 标准文件input(+ multiple属性)的标准表单将在那里。 我想添加HTML5增强function。 编辑 我知道在某些浏览器中, 有时 (几乎总是)将文件放入文件input本身。 我知道Chrome通常会这样做,但有时会失败,然后将文件加载到当前页面(如果填写表单,则会导致严重失败)。 我想愚弄&浏览器它。
我正在添加一个html5的拖放上传到我的网页。 当一个文件被放入上传区域时,一切正常。 但是,如果我不小心将文件放在上载区域之外,浏览器将加载本地文件,就好像它是新页面一样。 我怎样才能防止这种行为? 谢谢!
有没有一个很好的整洁的jQuery插件,允许包括一个单一的JS脚本,然后使用一个简单的片段来启用一个表单? 像这样的东西: $j('#MyForm').enableDragDropUploads('.upload-area') 上传目标是表单的动作。 任何解决scheme都不能阻止常规文件字段的可用性(使用传统的浏览方法)。 我一次只需要一个文件,虽然当然有多个选项不是坏事。 我find了几个拖放上传的例子: http://www.appelsiini.net/2009/10/drag-and-drop-file-upload-with-google-gears http://www.appelsiini.net/2009/10/html5-drag-and-drop -多file upload 但是那里的代码没有设置为插件。 改变它可能并不难,但如果其他人已经完成了这项工作,并且完全回避我的Googlesearch,那也没有意义。 我理想的是寻找一个纯粹的HTML5 / jQuery解决scheme。 Google Gears是可以接受的,但是Flash解决scheme不是。
我想弄清楚如何通过鼠标拖动上下移动预填充列表框中的项目。 我已经从微软的api中看到了Control.DoDragDrop方法,但是我仍然无法做任何事情。 我会很感激任何帮助,因为我是新的视觉工作室环境。
有谁知道为什么下面的网站拖放示例(加上许多其他教程在线)不工作在Internet Explorer 9? Chrome,FireFox和Safari都可以。 http://www.html5rocks.com/tutorials/dnd/basics/ 我以为IE9假设是最符合HTML5的浏览器? 特别是与DnD,因为他们一直支持自IE5以来。 我必须在某处更改设置吗? 我玩HTML5和CSS3越多…… IE9就越less。 有没有人有任何链接到在IE9中工作的DnD教程?