codebits... a place for small snippets of shinny ideas and tests of all things web. Mainly used to remind myself of how things work, but hopefully helpful to others.
Quick link table
| Demo/test | Support | Technologies |
|---|---|---|
| Drag and drop folders | Not supported in Firefox Supported in Chrome Not supported in Safari Not supported in IE Not supported in Opera | DnD, File API |
| Drag and drop files | Supported in Firefox Supported in Chrome Supported in Safari Not supported in IE Supported in Opera | DnD, File API |
| Drag and drop | Supported in Firefox Supported in Chrome Supported in Safari Part supported in IE Supported Opera | DnD |
| Copy and Paste images | Not supported in Firefox Supported in Chrome Not supported in Safari Not supported in IE Not supported in Opera | Clipboard API |
| Copy and Paste data | Not supported in Firefox Supported in Chrome Not supported in Safari Not supported in IE Not supported in Opera | Clipboard API |
| onCopy Support | Not supported in Firefox Supported in Chrome Supported in Safari Supported in IE Not supported in Opera | Clipboard API |
| onPaste Support | Not supported in Firefox Supported in Chrome Supported in Safari Part supported in IE Not supported in Opera | Clipboard API |
| Custom protocol handler | Supported in Firefox Supported in Chrome Not supported in Safari Not supported in IE Supported in Opera | HTML5 |
| Download Attribute | Not supported in Firefox Supported in Chrome Not supported in Safari Not supported in IE Not supported in Opera | WHATWG |
| DownloadUrl | Not supported in Firefox Supported in Chrome Not supported in Safari Not supported in IE Not supported in Opera |
Full history
innerHTML Property
A test based examination of differences in implementation of the innerHTML propterty between browsers
innerText Property
A test based examination of differences in implementation of the innerText propterty between browsers
textContent Property
A test based examination of differences in implementation of the textContent propterty between browsers
Drag and drop Outlook contacts
This is a demo of how you can use a contentEditable area in the older versions of IE to provide an upgraded drag and drop experience
Pasting image from clipboardData object Test
A test using the clipboardData object to paste images into a web page
Copy and Paste with the clipboardData and minetypes Test
A test using the clipboardData object to copy and paste data as a minetype
DownloadURL and BlobBuilder support Test
A test using the DownloadUrl and BlobBuilder to allow dragging of virtual files to the desktop
hRecipe - mark-up for search engines
An example of how to mark-up a recipe with Googles extended version of hRecipe
Web Intents Proxies Test
A group of services proxies that allow me to try a simple Web Intents user journeys
a[download] and blob:URL support Test
A test using the new HTML5 a[download] attribute and the blob:URL together
The Firefox Virtual File Hack Test
A hack to create virtual file download using the anchor tag type attribute and the JavaScript window object
onPaste clipboardData support Test
Test of the clipboardData support, specifically the getData method
onCopy clipboardData support Test
Test of the clipboardData support, specifically the setData method
Editing events for contentEditable Test
Tests the events most associated with editing for a contentEditable element
Editing events for input element Test
Tests the events most associated with editing for an input element
Collection of useful JavaScript functions and patterns
This is a collection of useful JavaScript functions and patterns that I often use, when not coding with jQuery.