index.php revision 08f0e50410838301160820c8ca5f7ecd75f8679b
3177N/A<?php
290N/A$count = (($_GET['count"]) ? $_GET['count"] : 10);
290N/A?>
290N/A<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
290N/A<html>
290N/A<head>
290N/A <title>YUI: DragDrop</title>
290N/A <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.6.0/build/reset-fonts-grids/reset-fonts-grids.css">
290N/A <link rel="stylesheet" href="http://blog.davglass.com/files/yui/css/davglass.css" type="text/css">
290N/A <style type="text/css" media="screen">
290N/A p, h2 {
290N/A margin: 1em;
290N/A }
290N/A #davdoc {
290N/A min-height: 2000px;
290N/A }
290N/A #drag h2 {
290N/A cursor: text;
290N/A }
290N/A #drag, #drag2, #drag3, #drag4, #drag5, #drag6, #drag7, .drop {
290N/A height: 75px;
3158N/A width: 75px;
395N/A border: 1px solid black;
290N/A z-index: 1;
3143N/A text-align: center;
883N/A /*overflow: hidden;*/
454N/A }
290N/A #bd {
448N/A position: relative;
3234N/A }
290N/A .drop {
290N/A border-width: 4px;
290N/A background-color: #ccc;
383N/A height: 100px;
290N/A width: 100px;
395N/A float: left;
290N/A margin: 5px;
849N/A }
1516N/A #play {
2508N/A position: absolute;
290N/A top: 50px;
2535N/A right: 100px;
2698N/A width: 500px;
290N/A border: 3px solid black;
290N/A /*height: 500px;
2535N/A overflow: auto;*/
2561N/A }
290N/A #fixed {
2508N/A position: fixed;
383N/A left: 485px;
290N/A height: 100px;
290N/A width: 200px;
2339N/A border: 1px solid black;
2535N/A background-color: #ccc;
290N/A }
290N/A #drag h2, #drag2 h2, #drag3 h2 {
2535N/A margin: 0;
2535N/A padding: 0;
290N/A border: none;
290N/A }
2508N/A #drag3 {
2508N/A position: relative;
290N/A }
1660N/A #drag3 h2 {
1660N/A position: absolute;
1660N/A font-size: 85%;
1660N/A height: 25px;
1660N/A width: 25px;
1660N/A background-color: red;
1660N/A color: white;
1660N/A }
1660N/A #drag3 h2.one {
1660N/A top: 0;
1660N/A left: 0;
1660N/A }
1660N/A #drag3 h2.two {
1660N/A top: 0;
1660N/A right: 0;
1660N/A }
1660N/A #drag3 h2.three {
1660N/A bottom: 0;
448N/A left: 0;
448N/A }
2828N/A #drag3 h2.four {
2828N/A bottom: 0;
2828N/A right: 0;
534N/A }
534N/A #drag4 {
534N/A cursor: ne-resize;
534N/A }
534N/A #drag6 {
534N/A height: 150px;
534N/A width: 150px;
290N/A }
290N/A #drag4 {
954N/A position: absolute;
954N/A top: 13px;
954N/A left: 13px;
954N/A height: 73px;
534N/A width: 73px;
1099N/A background-color: green;
290N/A }
3117N/A #drag4.yui3-dd-dragging {
3117N/A opacity: .5;
3203N/A
3117N/A }
290N/A .yui3-dd-proxy {
290N/A background-color: red;
290N/A }
661N/A #drag7EL {
2867N/A position: absolute;
290N/A display: none;
2494N/A height: 30px;
2494N/A width: 200px;
2494N/A background-color: green;
2516N/A color: white;
2516N/A font-weight: bold;
2516N/A border: 2px solid black;
2516N/A z-index: 999;
2516N/A }
2516N/A #drag4Cont {
2516N/A border: 1px solid black;
290N/A position: relative;
3185N/A height: 400px;
2523N/A width: 400px;
3138N/A background-image: url( grid.png );
2390N/A }
1498N/A
1498N/A .yui3-dd-drop-active {
2867N/A border-style: dotted;
2310N/A }
3237N/A .yui3-dd-drop-active-valid {
2310N/A border-color: blue;
2310N/A }
2852N/A .yui3-dd-drop-active-invalid {
3237N/A border-color: red;
2852N/A }
2852N/A .yui3-dd-drop-over {
2852N/A border-color: green;
2535N/A }
2867N/A #drop_4 {
2867N/A position: relative;
2310N/A top: -50px;
290N/A left: -10px;
1674N/A }
1674N/A #drop_8 {
2262N/A position: relative;
1674N/A top: -200px;
395N/A left: 25px;
430N/A }
395N/A #drop_2 {
1544N/A position: relative;
1968N/A top: 20px;
1557N/A left: -195px;
1903N/A }
2046N/A #drop_6 {
2240N/A position: relative;
1506N/A top: -70px;
2928N/A left: -185px;
395N/A }
395N/A #drop_1 {
2026N/A position: relative;
395N/A left: 275px;
395N/A top: 10px;
395N/A }
2310N/A #drop_5 {
2852N/A position: relative;
395N/A left: 205px;
661N/A top: -81px;
2867N/A }
2867N/A #drop_7 {
2867N/A position: relative;
2867N/A top: -61px;
2867N/A left: -10px;
2852N/A }
2310N/A </style>
3216N/A</head>
3216N/A<body class="yui-skin-sam">
2867N/A<div id="drag7EL">I'm a custom proxy</div>
2867N/A<div id="davdoc" class="yui-t7">
2867N/A <div id="hd"><h1 id="header"><a href="http://blog.davglass.com/">YUI: DragDrop 3.x</a></h1></div>
661N/A <div id="bd">
3185N/A <div id="play"></div>
3185N/A <div id="drag"><h2><strong>Drag</strong> Me</h2>
3185N/A <select name="wtf">
395N/A <option>Test Select</option>
849N/A <option selected>Test #2 Select</option>
290N/A <option>Test Select</option>
395N/A <option>Test Select</option>
395N/A <option>Test Select</option>
1968N/A </select>
395N/A </div>
395N/A <div id="drag2"><h2><strong>Drag</strong> <a href="#">Me II</a></h2></div>
395N/A <div id="drag3"><h2 class="one">X</h2><h2 class="two">X</h2><h2 class="three">X</h2><h2 class="four">X</h2><br><br>Drag Me III</div>
395N/A <button id="test">Test Programmatic Move</button><br>
395N/A <div id="drag4Cont">
395N/A <div id="drag4">Drag Me IV <strong class="no">NO</strong><br><strong class="yes">Yes</strong></div>
395N/A </div>
395N/A <div id="drag5">Drag Me V <strong class="no">NO</strong><br><strong class="yes">Yes</strong></div>
395N/A <div id="drag6">Drag Me VI <strong class="no">NO</strong><br><strong class="yes">Yes</strong></div>
395N/A <div id="drag7">Drag Me VII <strong class="no">NO</strong><br><strong class="yes">Yes</strong></div>
395N/A <iframe src="blank.htm" height="300" width="300"></iframe>
290N/A <p>
290N/A <select name="wtf">
395N/A <option>Test Select</option>
395N/A <option selected>Test #2 Select</option>
1231N/A <option>Test Select</option>
1557N/A <option>Test Select</option>
1903N/A <option>Test Select</option>
1557N/A </select>
395N/A </p>
395N/A
395N/A </div>
395N/A <div id="ft">&nbsp;</div>
395N/A</div>
395N/A<script type="text/javascript" src="../../build/yui/yui-debug.js?bust=<?php echo(mktime()); ?>"></script>
395N/A
395N/A
395N/A<script type="text/javascript" src="js/ddm-base.js?bust=<?php echo(mktime()); ?>"></script>
395N/A<script type="text/javascript" src="js/ddm.js?bust=<?php echo(mktime()); ?>"></script>
3185N/A<script type="text/javascript" src="js/ddm-drop.js?bust=<?php echo(mktime()); ?>"></script>
3185N/A<script type="text/javascript" src="js/drag.js?bust=<?php echo(mktime()); ?>"></script>
3185N/A<script type="text/javascript" src="js/drop.js?bust=<?php echo(mktime()); ?>"></script>
395N/A<script type="text/javascript" src="js/proxy.js?bust=<?php echo(mktime()); ?>"></script>
290N/A<script type="text/javascript" src="js/constrain.js?bust=<?php echo(mktime()); ?>"></script>
290N/A<script type="text/javascript" src="js/dd-plugin.js?bust=<?php echo(mktime()); ?>"></script>
430N/A<script type="text/javascript" src="js/dd-drop-plugin.js?bust=<?php echo(mktime()); ?>"></script>
395N/A
395N/A<script type="text/javascript">
395N/Avar yConfig = {
395N/A base: '../../build/',
1302N/A filter: 'DEBUG',
395N/A //base: 'http://yeshouseborn-lx.corp.yahoo.com/yui-clean/yui3/build/',
395N/A allowRollup: false,
290N/A logExclude: {
3139N/A 'YUI': true,
3139N/A Event: true,
395N/A Base: true,
3139N/A Attribute: true,
3139N/A augment: true
3139N/A },
3139N/A throwFail: true,
3139N/A debug: false
3139N/A};
3139N/Avar yConfig2 = {
3139N/A base: '../../build/',
3139N/A //base: 'http://yeshouseborn-lx.corp.yahoo.com/yui-clean/yui3/build/',
3139N/A filter: 'DEBUG',
3139N/A allowRollup: false,
3139N/A logExclude: {
3139N/A 'YUI': true,
3139N/A Event: true,
3139N/A Base: true,
3139N/A Attribute: true,
395N/A augment: true
3139N/A },
3139N/A throwFail: true,
3139N/A debug: false
3139N/A};
3139N/A
3139N/AYUI(yConfig).use('classnamemanager', 'event-synthetic', 'event-gestures', 'dd-ddm', 'dd-drag', 'dd-proxy', 'dd-constrain', 'yui-throttle', function(Y1) {
3139N/A Y1.DD.DDM._debugShim = true;
395N/A //dd4 = Y1.Base.create(Y1.DD.Proxy, [Y1.DD.DragConstrained], {
3139N/A /*
3139N/A myDD = Y1.Base.build(Y1.DD.Proxy, [Y1.DD.DragConstrained]);
3139N/A console.log(myDD);
3139N/A dd4 = new myDD({
3139N/A node: '#drag4',
2516N/A constrain2node: '#drag4Cont',
2516N/A tickX: 25,
3139N/A tickY: 25,
3139N/A gutter: '5'
3139N/A });
3139N/A console.log(dd4);
3139N/A */
3139N/A /*
3139N/A var DOC_SCROLL_X = 0,
3139N/A DOC_SCROLL_Y = 0;
3139N/A
3139N/A Y1.get(window).on('scroll', function() {
3139N/A var doc = document;
3139N/A DOC_SCROLL_X = Math.max(doc.documentElement.scrollLeft, doc.body.scrollLeft);
3139N/A DOC_SCROLL_Y = Math.max(doc.documentElement.scrollTop, doc.body.scrollTop);
3139N/A });
3139N/A Y1.DOM.docScrollX = function(node) {
2516N/A return DOC_SCROLL_X;
3139N/A };
3139N/A
3139N/A Y1.DOM.docScrollY = function(node) {
3139N/A return DOC_SCROLL_Y;
3139N/A };
3139N/A */
2516N/A
3139N/A dd4 = new Y1.DD.Drag({
3139N/A node: '#drag4',
3139N/A useShim: false,
3139N/A //tickXArray: [10, 133, 245, 333, 388, 455, 488, 546, 667, 798, 892],
3139N/A //tickXArray: [133, 245, 333, 455, 488, 546, 667, 798, 892],
2516N/A //tickYArray: [249, 339, 459, 479, 579],
2516N/A /*
3139N/A constrain2region: {
3139N/A top: 200,
3139N/A left: 100,
3139N/A right: 800,
3139N/A bottom: 700
3139N/A },
3139N/A */
3139N/A
3139N/A //constrain2node: '#drag4Cont',
3139N/A //constrain2view: true,
3139N/A //gutter: '-15 20 15 -20'
3139N/A //gutter: '-20',
3139N/A //stickX: true,
3139N/A //stickY: true
3139N/A foo: true
2516N/A });
3139N/A dd4.plug(Y1.Plugin.DDConstrained, {
3139N/A //tickX: 25,
3139N/A //tickY: 25,
3139N/A //cacheRegion: false,
3139N/A constrain2node: '#drag4Cont',
3139N/A gutter: '-20'
2516N/A });
3139N/A
3139N/A dd4.on('drag:end', function() {
3139N/A if (dd4.proxy) {
3139N/A dd4.unplug(Y1.Plugin.DDProxy);
3139N/A } else {
2516N/A dd4.plug(Y1.Plugin.DDProxy);
395N/A }
395N/A });
395N/A
395N/A /*
395N/A dd4.addInvalid('strong.no').on('drag:beforeMouseDown', function(e) {
2339N/A Y.log('beforeMouseDown::HALT');
1191N/A Y.log(arguments);
1452N/A //e.ev.halt();
1231N/A //return false;
2046N/A });
395N/A //}).addInvalid('strong.no');
395N/A */
424N/A
395N/A dd5 = new Y1.DD.Drag({
742N/A node: '#drag5'
2339N/A }).addInvalid('strong.no');
2339N/A dd5.plug(Y1.Plugin.DDProxy, {
2693N/A moveOnEnd: false,
2690N/A borderStyle: '3px solid orange'
2339N/A });
3094N/A //dd4.setHandle('#drag4Handle', true);
2339N/A
2690N/A dd6 = new Y1.DD.Drag({
2690N/A node: '#drag6',
2693N/A offsetNode: false
2693N/A }).plug(Y1.Plugin.DDProxy, {
2690N/A resizeFrame: false,
2690N/A }).addInvalid('strong.no').on('drag:start', function() {
2339N/A this.get('dragNode').setStyles({
2339N/A height: '25px',
742N/A width: '105px',
742N/A color: 'white',
742N/A backgroundColor: 'blue'
742N/A }).set('innerHTML', 'Dragging Me!!')
742N/A });
742N/A dd7 = new Y1.DD.Drag({
742N/A node: '#drag7',
742N/A offsetNode: false,
742N/A dragNode: '#drag7EL'
3136N/A }).plug(Y1.Plugin.DDProxy, {
2688N/A resizeFrame: false
2688N/A }).addInvalid('strong.no').on('drag:start', function() {
2688N/A this.deltaXY = [-10, -10];
2688N/A });
2688N/A
2688N/A
2688N/A});
2688N/A
2688N/AYUI(yConfig2).use('classnamemanager', 'dd-drop', 'dd-proxy', 'dd-plugin', 'dd-drop-plugin', 'yui-throttle', function(Y) {
742N/A
2310N/A //alert(navigator.userAgent);
2852N/A//var Y = new YUI().use('dd-ddm', 'dd-drag');
1902N/A//Y.on('event:ready', function() {
2867N/A Y.DD.DDM._debugShim = true;
2867N/A //Y.DD.DDM.set('dragMode', 'strict');
1099N/A //Y.DD.DDM.useHash = false;
2867N/A //Y.DD.DDM.mode = Y.DD.DDM.INTERSECT;
3216N/A //Y.DD.DDM = null;
2338N/A
2338N/A Y.DD.DDM.set('throttleTime', 50);
2310N/A
2046N/A Y.DD.DDM.on('drop:over', function(e) {
2223N/A //console.log('DDM:drop:over :: ', arguments);
2046N/A });
2046N/A
2523N/A Y.DD.DDM.on('drag:drag', function(e) {
2523N/A //console.log('DDM:drag:drag :: ', e);
2523N/A });
2523N/A Y.DD.DDM.on('drag:dropmiss', function(e) {
2523N/A //console.log('DDM:drag:dropmiss :: ', e);
2523N/A });
2310N/A //Y.DD.DDM.set('multiDrop', false);
2677N/A
2310N/A/* //Event Hijacking
2310N/A Y.Event._nativeAdd = Y.Event.nativeAdd;
2310N/A Y.Event.nativeAdd = function(el, type, fn, capture) {
3237N/A this._nativeAdd.apply(this, arguments);
3237N/A var fn2 = function() {
3237N/A console.log(arguments);
3237N/A };
2310N/A if (el.addEventListener) {
2310N/A el.addEventListener(type, fn2, !!capture);
2310N/A } else if (el.attachEvent) {
2858N/A el.attachEvent("on" + type, fn2);
2310N/A }
2852N/A };
2852N/A */
2852N/A
2852N/A Y.DD.DDM.on('ddm:start', function(e) {
3136N/A console.log('DDM:start :: ', e);
2852N/A });
3237N/A Y.DD.DDM.on('drag:end', function(e) {
3237N/A console.log('DDM:end :: ', e);
3237N/A });
3237N/A
3237N/A dd = new Y.DD.Drag({
2852N/A node: '#drag',
2852N/A groups: ['one', 'three'],
2852N/A target: true,
2858N/A dragMode: 'intersect',
2852N/A handles: [Y.one('#drag h2')],
3138N/A //bubbles: false,
3138N/A //dragMode: 'strict',
2852N/A data: {
2852N/A one: 'This is my data object',
2852N/A two: 'This is my data object',
2508N/A three: 'This is my data object'
2508N/A }
2508N/A });
2508N/A
2867N/A //dd.on('drag', console.log);
2535N/A
2535N/A dd.on('drag:end', function(e) {
2535N/A //console.log('drag:end: ', e);
3053N/A //e.preventDefault();
3053N/A });
3053N/A
3026N/A //}).addHandle('h2');
3026N/A
3026N/A /*
2339N/A dd.on('drag:start', function() {
2339N/A console.log('start-event: ', (new Date()).getTime());
2339N/A });
691N/A dd.on('drag:drag', function() {
691N/A console.log('drag-event: ', (new Date()).getTime());
691N/A });
395N/A
395N/A dd.on('drag:drag', function(e) {
395N/A console.log('drag-event: ', e.pageX);
395N/A if (e.pageX > 250) {
395N/A e.preventDefault();
290N/A }
395N/A });
395N/A */
591N/A //}).addHandle('h2')._bubbles.beforeMouseDown.subscribe('drag:beforeMouseDown', function(e) {
591N/A /*
591N/A dd.on('drag:mouseDown', function(e) {
2639N/A Y.log('mouseDown:: ', arguments);
2639N/A e.halt();
2639N/A Y.log('mouseDown Event stopped');
2639N/A });
2639N/A
2639N/A
1505N/A dd.on('drag:start', function(e) {
2516N/A //dd.on('drag:mouseDown', function(e) {
1505N/A dd.addToGroup('two');
1505N/A });
1632N/A */
1632N/A
1632N/A Y.Node.get('document').on('keypress', function(e) {
1632N/A if ((e.keyCode === 27) || (e.charCode === 27)) {
2339N/A if (Y.DD.DDM.activeDrag) {
2339N/A //console.info('DD is dragging, stop it..');
2339N/A Y.DD.DDM.activeDrag.stopDrag();
2339N/A }
2339N/A }
2339N/A });
2339N/A
2339N/A /*
2339N/A dd.on('drag:enter', function() {
2339N/A //Y.log('drag:enter', arguments);
2339N/A });
2339N/A
2339N/A dd.on('drag:over', function() {
2339N/A //Y.log('drag:over', arguments);
2339N/A });
2339N/A
2364N/A dd.on('drag:exit', function() {
2828N/A //Y.log('drag:exit', arguments);
2828N/A });
2828N/A */
2828N/A
2828N/A Y.DD.DDM.on('drag:drophit', function(e) {
2828N/A console.log('drag:drophit :: ' + e.drop.get('node').get('id'), e);
2828N/A });
2828N/A
2828N/A Y.DD.DDM.on('drag:dropmiss', function() {
2828N/A console.log('drag:dropmiss', arguments);
2828N/A });
2828N/A
2828N/A //dd.destroy();
2828N/A //console.log(dd);
2828N/A
2828N/A
2828N/A /*
2828N/A Y.DD.DDM.on('drag:drag', function(e) {
2828N/A console.log('DDM:drag:drag :: ', arguments);
2828N/A });
2828N/A Y.DD.DDM.on('drop:over', function(e) {
2828N/A console.log('DDM:drop:over :: ', arguments);
2828N/A });
2828N/A
2828N/A Y.DD.DDM.on('drag:mouseDown', function(e) {
2828N/A Y.log('DDMFire: drag:mouseDown :: ', arguments);
2828N/A e.ev.preventDefault();
2828N/A e.ev.halt();
2892N/A Y.log('DDM stopped event..');
2892N/A });
2828N/A */
2828N/A
2828N/A
2828N/A dd2 = new Y.DD.Drag( {
2828N/A node: '#drag2',
2828N/A //clickPixelThresh: 20,
2828N/A //clickTimeThresh: 0,
2828N/A //offsetNode: false,
3158N/A groups: ['two'],
3158N/A lock: false,
2828N/A dragMode: 'point'
2828N/A //dragMode: 'intersect'
2339N/A }).addInvalid('h2 a');
2339N/A
2339N/A
2339N/A
2339N/A dd3 = Y.Node.get('#drag3');
2339N/A dd3.plug(Y.Plugin.Drag, {
2339N/A groups: ['one', 'three'],
2339N/A dragMode: 'intersect',
2339N/A handles: [Y.all('#drag3 h2')],
2339N/A startCentered: true
2339N/A });
2339N/A dd3.dd.plug(Y.Plugin.DDProxy, {});
2339N/A //dd3.dd.addHandle('h2.one').addHandle('h2.two').removeHandle('h2.one').addHandle('h2.three').addHandle('h2.four');
2339N/A dd3.dd.addInvalid('h2.one');
2339N/A dd3.dd.after('drag:start', function(e) {
2339N/A this.get('dragNode').setStyles({
2339N/A width: '50px',
2339N/A height: '50px'
2339N/A });
2339N/A });
2364N/A
2364N/A
2364N/A
2364N/A/*
2364N/A dd3.dd.on('activeHandle', function(e) {
2364N/A console.log('activeHandle::halt');
2364N/A e.halt();
2364N/A });
2364N/A*/
2364N/A
2364N/A /*
2364N/A dd3 = new Y.DD.Drag({
2364N/A node: '#drag3'//,
2339N/A //move: false
395N/A //}).addHandle('h2');
395N/A //}).addHandle('h2').addInvalid('h2.two');
290N/A }).addHandle('h2.one').addHandle('h2.two').removeHandle('h2.one').addHandle('h2.three').addHandle('h2.four');
290N/A dd3.on('drag:drophit', function(e) {
2339N/A //console.log('drag:drophit :: ' + e.drop.get('node').get('id'), e);
2339N/A });
290N/A */
290N/A /*
290N/A dd3.on('drag:start', function(args) {
290N/A if (this.get('activeHandle').test('h2.two')) {
290N/A this.set('move', false);
290N/A } else {
290N/A this.set('move', true);
290N/A }
290N/A });
290N/A dd3.on('drag:drag', function(args) {
395N/A if (this.get('activeHandle').test('h2.two')) {
395N/A var size = (args.info.xy[0] - args.info.start[0]);
290N/A var w = parseInt(this.get('dragNode').getStyle('width'), 10);
290N/A this.get('dragNode').setStyle('width', (size) + 'px');
2674N/A }
2674N/A });
2674N/A */
2674N/A
290N/A Y.Node.get('#test').on('click', function() {
2674N/A Y.DD.DDM._noShim = true;
2674N/A Y.log('_setStartPosition:', 'info', 'Dav Test');
3158N/A dd.set('activeHandle', dd.get('node'));
395N/A dd._setStartPosition(dd.get('node').getXY());
395N/A Y.log('DDM::activeDrag:', 'info', 'Dav Test');
2674N/A Y.DD.DDM.activeDrag = dd;
3158N/A Y.log('dd.start():', 'info', 'Dav Test');
395N/A dd.start();
3158N/A for (var i = 0; i < 726; i++) {
395N/A //Y.log('moveNode([' + i + ', 129]):', 'info', 'Dav Test');
2674N/A Y.DD.DDM._move({ pageX: i, pageY: 129});
3158N/A }
591N/A Y.log('end', 'info', 'Dav Test');
591N/A dd.end();
2674N/A Y.log('_handleMouseUp():', 'info', 'Dav Test');
3158N/A dd._handleMouseUp();
2639N/A Y.DD.DDM._noShim = false;
2639N/A });
2674N/A
3158N/A
2639N/A //var b = Y.Node.get('#play');
2639N/A var b = document.getElementById('play');
2674N/A for (var i = 0; i < <?php echo($count); ?>; i++) {
2674N/A var el = document.createElement('div');
3158N/A el.id = 'drop_' + i;
691N/A el.className = 'drop';
691N/A el.innerHTML = 'Drop on Me (#' + i + ')';
2674N/A b.appendChild(el);
2674N/A
3158N/A var start = (new Date()).getTime();
2339N/A var drop = new Y.DD.Drop( {
2339N/A zIndex: i,
3026N/A node: el,
3026N/A groups: [((i % 2) ? 'two' : 'one')]
3158N/A //lock: ((i % 2) ? true : false)//,
3026N/A //padding: '0'
3158N/A });
3026N/A var end = (new Date()).getTime();
3053N/A //console.log(i, ': ', (end - start));
3053N/A /*
3158N/A drop.on('drop:enter', function(ev) {
3053N/A //Y.log('drop:enter :: ', this.get('node').get('id'));
3158N/A });
3053N/A drop.on('drop:over', function() {
290N/A //Y.log('drop:over :: ', this.get('node').get('id'));
290N/A });
290N/A drop.on('drop:exit', function() {
290N/A //Y.log('drop:exit :: ', this.get('node').get('id'));
290N/A });
591N/A */
591N/A drop.on('drop:hit', function(e) {
2639N/A console.log('drop:hit :: Drag: ' + e.drag.get('node').get('id') + ' ::: Drop: ' + this.get('node').get('id'), e);
2639N/A if (e.drag.get('data')) {
2639N/A //console.log('Payload: ', e.drag.get('data'));
2639N/A }
691N/A });
691N/A
2339N/A
2339N/A }
3026N/A
3026N/A
3053N/A});
3053N/A</script>
290N/A</body>
290N/A</html>
2339N/A