|
Direct manipulation, particularly drag and drop, is under utilized in desktop applications and is almost non-existant in web applications. That's in the process of changing.
A collection of Direct Manipulation examples that work in modern browsers. Each example is a proof of concept. I'm answering the technical question "Can I do this?" as opposed to the interaction design question "Should I do this?".
Most of the JavaScript has been bundled into a reusable package called the ToolMan DHTML Library which you can download and use for free.
* Basic Draggable Layers (updated 4/26)
* Drag & Drop Sortable Lists (updated 4/26)
o Sortable Toolbars (updated 4/26)
* Edit in Place
http://tool-man.org/examples/
Comments (0) 17.04.2008. 12:49 In the following article, It shows you how you can dynamically create HTML elements with content wrapped within them according to the DOM2 specification.
http://www.dustindiaz.com/add-remove-elements-reprise/
Comments (0) 17.04.2008. 12:41 As deployment of XML data and web services becomes more widespread, you may occasionally find it convenient to connect an HTML presentation directly to XML data for interim updates without reloading the page. Thanks to the little-known XMLHttpRequest object, an increasing range of web clients can retrieve and submit XML data directly, all in the background. To convert retrieved XML data into renderable HTML content, rely on the client-side Document Object Model (DOM) to read the XML document node tree and compose HTML elements that the user sees.
http://developer.apple.com/internet/webcontent/xmlhttpreq.html
Comments (0) 17.04.2008. 12:34 The purpose of these functions is to find the absolute X and Y co-ordinates of an HTML element. They work well in both Internet Explorer and Firefox, but the results can be pretty rubbish on Safari.
http://blog.firetree.net/2005/07/04/javascript-find-position/
Comments (0) 16.04.2008. 18:59 |