diff options
| author | Friendika <info@friendika.com> | 2011-01-26 00:34:39 -0800 |
|---|---|---|
| committer | Friendika <info@friendika.com> | 2011-01-26 00:34:39 -0800 |
| commit | 2fc89deaeae0341aa12b6b811927e793011055d1 (patch) | |
| tree | 32673c6b92cbe14f88d955de585ce813988ec5fa /addon/js_upload/file-uploader/tests/test-drop-zone.htm | |
| parent | abbd498a8b6c92ddcf211a27dd532f2ec6520fe2 (diff) | |
| download | volse-hubzilla-2fc89deaeae0341aa12b6b811927e793011055d1.tar.gz volse-hubzilla-2fc89deaeae0341aa12b6b811927e793011055d1.tar.bz2 volse-hubzilla-2fc89deaeae0341aa12b6b811927e793011055d1.zip | |
work in progress js_uploader plugin, turn java uploader into plugin - not done yet
Diffstat (limited to 'addon/js_upload/file-uploader/tests/test-drop-zone.htm')
| -rw-r--r-- | addon/js_upload/file-uploader/tests/test-drop-zone.htm | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/addon/js_upload/file-uploader/tests/test-drop-zone.htm b/addon/js_upload/file-uploader/tests/test-drop-zone.htm new file mode 100644 index 000000000..d7f0accf7 --- /dev/null +++ b/addon/js_upload/file-uploader/tests/test-drop-zone.htm @@ -0,0 +1,48 @@ +<!DOCTYPE HTML> +<html> +<head> + <style> + .drop-zone {height:100px; width:256px; background:gray; margin:20px;} + </style> + <script src="jquery-1.4.2.min.js" type="text/javascript"></script> + <script src="../client/fileuploader.js" type="text/javascript" ></script> + <script> + +function createDropZone(selector){ + var element = $(selector)[0]; + + new qq.UploadDropZone({ + element: element, + onEnter: function(){ + console.log('enter') + $(element).css('background', 'green'); + }, + onLeave: function(){ + console.log('leave') + }, + onLeaveNotDescendants: function(){ + console.log('onLeaveNotDescendants') + $(element).css('background', 'gray'); + }, + onDrop: function(e){ + $(element).css('background', 'gray'); + console.log('drop'); + console.log(e.dataTransfer.files); + } + }); +} + +jQuery(function(){ + createDropZone('#drop-zone1'); + createDropZone('#drop-zone2'); +}); + + </script> +</head> +<body> + <div id="drop-zone1" class="drop-zone"><p>drop-zone1</p></div> + <div id="drop-zone2" class="drop-zone"><p>drop-zone2</p></div> +</body> +</html> + + |