DZone Snippets: dom code http://snippets.dzone.com/posts Sun, 27 Jul 2008 03:54:13 GMT DZone Snippets: dom code Firefox 3 and input file http://snippets.dzone.com/posts/show/5760 The nsIDOMFile interface retrieves data from a file submitted to a form using the input type "file". This allows the file reference to be saved when the form is submitted while the user is using a web application offline, so that the data can be retrieved and uploaded once the Internet connection is restored. <br /> <br /><code> <br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" <br /> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <br /> <br /><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <br /><head> <br /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <br /> <title>input type=file & Firefox 3</title> <br /></head> <br /> <br /><body> <br /> <br /><h1>input type=file & Firefox 3</h1> <br /> <br /><script type="text/javascript"> <br />// <![CDATA[ <br /> <br />function inputFileOnChange() { <br /> var v_console = ''; <br /> v_console += 'value: ' + document.getElementById('my-file').value; <br /> v_console += '<br \/>'; <br /> <br /> if(document.getElementById('my-file').files) { <br /> // Support: nsIDOMFile, nsIDOMFileList <br /> v_console += 'files.length: ' + document.getElementById('my-file').files.length; <br /> v_console += '<br \/>'; <br /> <br /> v_console += 'fileName: ' + document.getElementById('my-file').files.item(0).fileName; <br /> v_console += '<br \/>'; <br /> <br /> v_console += 'fileSize: ' + document.getElementById('my-file').files.item(0).fileSize; <br /> v_console += '<br \/>'; <br /> <br /> v_console += 'data: ' + document.getElementById('my-file').files.item(0).getAsDataURL(); <br />// v_console += 'data: ' + document.getElementById('my-file').files.item(0).getAsBinary(); <br />// v_console += 'data: ' + document.getElementById('my-file').files.item(0).getAsText(); <br /> v_console += '<br \/>'; <br /> }; <br /> <br /> document.getElementById('console').innerHTML = v_console; <br />}; <br /> <br />// ]]> <br /></script> <br /> <br /><div> <br /> <input type="file" name="my-file" id="my-file" onchange="inputFileOnChange();" /> <br /> <br /><br /> <br /> <code id="console">...console...< /code> <br /></div> <br /> <br /></body> <br /></html> <br /></code> <br /> <br /><a href="http://www.ab-d.fr/plan-de-site/">Source: </a><a href="http://www.ab-d.fr/date/2008-07-12/">Firefox 3 and input type=file , upload file</a> Sat, 12 Jul 2008 10:51:15 GMT http://snippets.dzone.com/posts/show/5760 ki4ngel (Benoit Asselin) insertAfter() with insertBefore() and node.nextSibling http://snippets.dzone.com/posts/show/5179 insertAfter() with insertBefore() and node.nextSibling <br /> <br /><code> <br />Node.prototype.insertAfter = function(newNode, refNode) { <br /> if(refNode.nextSibling) { <br /> return this.insertBefore(newNode, refNode.nextSibling); <br /> } else { <br /> return this.appendChild(newNode); <br /> } <br />} <br /></code> <br /> <br /><a href="http://www.ab-d.fr/">Source: Benoit Asselin</a> Tue, 26 Feb 2008 20:53:30 GMT http://snippets.dzone.com/posts/show/5179 ki4ngel (Benoit Asselin) Include CSS Stylesheet by DOM http://snippets.dzone.com/posts/show/4554 <code> <br /> <br />function includeCSS(p_file) { <br /> var v_css = document.createElement('link'); <br /> v_css.rel = 'stylesheet' <br /> v_css.type = 'text/css'; <br /> v_css.href = p_file; <br /> document.getElementsByTagName('head')[0].appendChild(v_css); <br />} <br /> <br /></code> <br /> <br /><a href="http://www.ab-d.fr/">Source: Document Object Model (DOM) Level 1 Specification</a> <br /> <br /> Tue, 18 Sep 2007 19:46:39 GMT http://snippets.dzone.com/posts/show/4554 ki4ngel (Benoit Asselin)