<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>brettdargan.com &#187; javascript</title>
	<atom:link href="http://brettdargan.com/blog/tag/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://brettdargan.com/blog</link>
	<description>&#955; Thoughts and rants</description>
	<lastBuildDate>Fri, 28 May 2010 01:35:46 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>IE6 Operation Aborted not just for the DOM not being ready</title>
		<link>http://brettdargan.com/blog/2007/12/05/ie6-operation-aborted-not-just-for-the-dom-not-being-ready/</link>
		<comments>http://brettdargan.com/blog/2007/12/05/ie6-operation-aborted-not-just-for-the-dom-not-being-ready/#comments</comments>
		<pubDate>Tue, 04 Dec 2007 14:03:08 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[debug]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://brettdargan.com/blog/2007/12/05/ie6-operation-aborted-not-just-for-the-dom-not-being-ready/</guid>
		<description><![CDATA[Most discussions about Operation Aborted only mention when javascript is attempting to manipulate the DOM prior to it being ready. I've seen it fail prior to any of your own js executing. Try this for an experiment have an onload event log something but also return: You have an large list of table results that [...]]]></description>
			<content:encoded><![CDATA[<p>Most discussions about Operation Aborted only mention when javascript is attempting to manipulate the DOM prior to it being ready.</p>
<p>I've seen it fail prior to any of your own js executing.</p>
<p>Try this for an experiment have an onload event log something but also return:</p>
<p>You have an large list of table results that are fed back to the browser with a slight delay per row (ie. an unfortunate logging statement per row)</p>
<p>What comes first?</p>
<div class="tweetthis" style="text-align:left;"><p> <a class="tt" href="http://twitter.com/home/?status=IE6+Operation+Aborted+not+just+for+the+DOM+not+being+ready+http%3A%2F%2Ftinyurl.com%2F5w32e7t" title="Post to Twitter"><img class="nothumb" src="http://brettdargan.com/blog/wp-content/plugins/tweet-this/icons/en/twitter/tt-twitter-big2.png" alt="Post to Twitter" /></a> <a class="tt" href="http://twitter.com/home/?status=IE6+Operation+Aborted+not+just+for+the+DOM+not+being+ready+http%3A%2F%2Ftinyurl.com%2F5w32e7t" title="Post to Twitter">Tweet This Post</a></p></div>]]></content:encoded>
			<wfw:commentRss>http://brettdargan.com/blog/2007/12/05/ie6-operation-aborted-not-just-for-the-dom-not-being-ready/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Packaging Custom Widgets with Dojo</title>
		<link>http://brettdargan.com/blog/2006/08/14/packaging-custom-widgets-with-dojo/</link>
		<comments>http://brettdargan.com/blog/2006/08/14/packaging-custom-widgets-with-dojo/#comments</comments>
		<pubDate>Mon, 14 Aug 2006 00:41:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://brettdargan.com/blog/?p=76</guid>
		<description><![CDATA[Recently I was involved in investigating integration of a client site with an affiliate site. Both parties were interested in avoiding iframes and it's baggage. Ideally we were looking for a solution that involved: minimal (html,css,js) code on affiliates pages. After all who would want deployment dependencies across organisations? dynamic json data served from our [...]]]></description>
			<content:encoded><![CDATA[<p>Recently I was involved in investigating integration of a client site with an affiliate site.</p>
<p>Both parties were interested in avoiding iframes and it's baggage.</p>
<p>Ideally we were looking for a solution that involved:
<ul>
<li>minimal (html,css,js) code on affiliates pages. After all who would want deployment dependencies across organisations?</li>
<li>dynamic <a href="http://json.org">json data</a> served from our site</li>
<li>long lived highly compressed components</li>
<li>efficient use of connections to our server</li>
</ul>
<p>We evaluated <a href="http://dojotoolkit.org">dojo</a> and <a href="http://code.google.com/webtoolkit/">google web toolkit</a></p>
<p>Dojo won out, among it's many features it has:</p>
<ul>
<li>Nice Custom Widgets</li>
<li><a href="http://ajaxian.com/archives/ajax-experience-day-2-alex-russells-dojo-in-depth">Cross Domain IO</a> via <a href="http://archive.dojotoolkit.org/nightly/tests/io/test_ScriptSrcIO.html">ScriptSrcIO</a></li>
<li><a href="http://manual.dojotoolkit.org/WikiHome/DojoDotBook/Book52">compression and packaging into a single js</a>. create your own profile listing your dependencies and dojo buildscripts</li>
<li><a href="http://manual.dojotoolkit.org/WikiHome/DojoDotBook/Book48">XDomain package loading</a>. You need to build it from source, Although this wasn't required for us in the end.</li>
</ul>
<h3>Widget Issues</h3>
<p>Unfortunately widgets are not completely self-contained. CSS is a bit of a problem. Typical custom widget will result in your css being inlined into your html widget, but this isn't required or always the bestway to go.</p>
<p>CSS relative image references are resolved relative to the host the base page was served from not our site.  </p>
<p>We decided to keep our relative image references and have our stylesheet added to our affiliate pages dynamically.</p>
<p>Give namespaces are changing in new version we didn't create our own and just used dojo.widget...</p>
<h3>Should Dojo be called Sumo? (says teagles)</h3>
<p>Most ajax libraries are fairly heavy, you are looking at atleast 100K with the average closer to 200K to get simple io, events, effects and dom manipulation functionality. Disclaimer, it was a pretty quick scan a couple of weeks ago, of <a href="http://mochikit.org">mochikit</a>, <a href="http://dojotoolkit.org">dojo</a> and <a href="http://script.aculo.us/">scriptaculous</a>. </p>
<p>After various packaging experimentation the Animation.js heavyweight seemed pretty core if you want to use custom widgets.</p>
<h3>Why GWT wasn't for us</h3>
<ul>
<li>binary format</li>
<li>can't use 5.0 features</li>
<li>not all features supported, ie new ArrayList(size)</li>
<li>active monitoring</li>
<li>components served off <a href="http://www.google.com">google</a></li>
<li>...</li>
</ul>
<p>GWT does have some upsides though:</p>
<ul>
<li>testability</li>
<li>small footprint</li>
<li>cross browser compatibility verified by google</li>
</ul>
<div class="tweetthis" style="text-align:left;"><p> <a class="tt" href="http://twitter.com/home/?status=Packaging+Custom+Widgets+with+Dojo+http%3A%2F%2Ftinyurl.com%2F6lbctrz" title="Post to Twitter"><img class="nothumb" src="http://brettdargan.com/blog/wp-content/plugins/tweet-this/icons/en/twitter/tt-twitter-big2.png" alt="Post to Twitter" /></a> <a class="tt" href="http://twitter.com/home/?status=Packaging+Custom+Widgets+with+Dojo+http%3A%2F%2Ftinyurl.com%2F6lbctrz" title="Post to Twitter">Tweet This Post</a></p></div>]]></content:encoded>
			<wfw:commentRss>http://brettdargan.com/blog/2006/08/14/packaging-custom-widgets-with-dojo/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Firebug, cool new firefox plugin</title>
		<link>http://brettdargan.com/blog/2006/04/17/firebug-cool-new-firefox-plugin/</link>
		<comments>http://brettdargan.com/blog/2006/04/17/firebug-cool-new-firefox-plugin/#comments</comments>
		<pubDate>Sun, 16 Apr 2006 22:46:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://brettdargan.com/blog/?p=70</guid>
		<description><![CDATA[in case you haven't seen it yet. Firebug * Status bar icon shows you when there is an error in a web page * A console that shows errors from JavaScript and CSS * Log messages from JavaScript in your web page to the console (bye bye "alert debugging") * An JavaScript command line (no [...]]]></description>
			<content:encoded><![CDATA[<p>in case you haven't seen it yet.</p>
<p><a href="https://addons.mozilla.org/firefox/1843/">Firebug</a></p>
<p>* Status bar icon shows you when there is an error in a web page<br />
* A console that shows errors from JavaScript and CSS<br />
* Log messages from JavaScript in your web page to the console (bye bye "alert debugging")<br />
* An JavaScript command line (no more "javascript:" in the URL bar)<br />
* Spy on XMLHttpRequest traffic<br />
* Inspect HTML source, computed style, events, layout and the DOM</p>
<div class="tweetthis" style="text-align:left;"><p> <a class="tt" href="http://twitter.com/home/?status=Firebug%2C+cool+new+firefox+plugin+http%3A%2F%2Ftinyurl.com%2F6z9qt8s" title="Post to Twitter"><img class="nothumb" src="http://brettdargan.com/blog/wp-content/plugins/tweet-this/icons/en/twitter/tt-twitter-big2.png" alt="Post to Twitter" /></a> <a class="tt" href="http://twitter.com/home/?status=Firebug%2C+cool+new+firefox+plugin+http%3A%2F%2Ftinyurl.com%2F6z9qt8s" title="Post to Twitter">Tweet This Post</a></p></div>]]></content:encoded>
			<wfw:commentRss>http://brettdargan.com/blog/2006/04/17/firebug-cool-new-firefox-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

