Lab of Chowky » drag and drop

html 5 支援drag and drop

Chowky — Thu, 02 Jul 2009 16:16:54 +0000

下一個web　standard，如無意外，應該會是html５＋css３。

This example only works in Firefox 3.5 and Safari 4 but here’s a quick tour of how it works.

IE始終都未support。這對於web developer 來說，是一個nightmare，一方面要支援ie，又要支援firefox，safari。

但是，要利用新的html５的function就要放棄ie的support。

chowky對這方面還是樂觀的。later可能會好一點（仍然抱有信念）。

（說完未？）
ok…back　to　topic

原來要make　drag　and　drop　都不太困難。
會否，因為html５會令html　更普及？

 
<li draggable="true" id="file1" ondragstart="drag(this, event)"><span>filename.txt</span></li> 
To create a draggable area you can do this.
 
<div id="trash" ondrop="drop(this, event)" ondragenter="return false" ondragover="return false"></div>

之後再加少少javascript　code

 
function drag(target, e) {
    e.dataTransfer.setData('Text', target.id);
}
function drop(target, e) {
    var id = e.dataTransfer.getData('Text');
    target.appendChild(document.getElementById(id));
    e.preventDefault();
}

Source: http://shapeshed.com/journal/drag_and_drop_in_html5/

[AIR] copy and paste, drag and drop

Chowky — Tue, 26 May 2009 17:02:54 +0000

雖然這個分明就是書本的promotion，不過仍是非常實用。

一個chatper 的preview: (chowky 心想: “小財不出、大財不入呢” )

Source: http://www.adobe.com/devnet/air/flex/articles/bk_copy_paste_drag_drop.html

[jQuery] Full Calendar with drag and drop function

Chowky — Sat, 02 May 2009 18:17:35 +0000

Chowky 覺得這個component 很簡單，沒有花巧的effect，已經不錯的，effect 可以自己再找不同的再plug 上去。

總括來講，一個不錯的calendar component in jquery.

Source: http://arshaw.com/fullcalendar/

License: MIT