<?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>BetaDesigns( Blog ) &#187; JavaScript</title>
	<atom:link href="http://www.betadesigns.co.uk/Blog/category/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.betadesigns.co.uk/Blog</link>
	<description>Flex and Component Development</description>
	<lastBuildDate>Sat, 31 Dec 2011 13:04:29 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Canon Buzzwords goes Live!</title>
		<link>http://www.betadesigns.co.uk/Blog/2008/06/03/canon-buzzwords-goes-live/</link>
		<comments>http://www.betadesigns.co.uk/Blog/2008/06/03/canon-buzzwords-goes-live/#comments</comments>
		<pubDate>Tue, 03 Jun 2008 09:28:41 +0000</pubDate>
		<dc:creator>Anthony</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[Flex]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Bilingual]]></category>
		<category><![CDATA[canon]]></category>
		<category><![CDATA[Component Driven]]></category>
		<category><![CDATA[DeepLinking]]></category>
		<category><![CDATA[ExternalInterface]]></category>
		<category><![CDATA[ExternalInterface.available]]></category>
		<category><![CDATA[History.css]]></category>
		<category><![CDATA[History.js]]></category>
		<category><![CDATA[PureMVC]]></category>
		<category><![CDATA[window.location.href.toString]]></category>

		<guid isPermaLink="false">http://www.betadesigns.co.uk/Blog/?p=15</guid>
		<description><![CDATA[The application went live on Friday lunchtime at http://www.canon-europe.com/buzzwordbuster in support of Canon's attendance at "DRUPA", the "World Cup" of Print Industry events!. (The application is also available in German at http://www.canon.de/druck_glossar). There were some interesting challenges presented with this application such as Bilingual Deeplinking ( without the use of JavaScript ) PureMVC Framework Component [...]]]></description>
			<content:encoded><![CDATA[<p>The application went live on Friday lunchtime at <a href="http://www.canon-europe.com/buzzwordbuster" target="_blank"> http://www.canon-europe.com/buzzwordbuster</a> in support of Canon's attendance at "DRUPA", the "World Cup" of Print Industry events!.</p>
<p class="x_MsoNormal">(The application is also available in German at <a href="http://www.canon.de/druck_glossar" target="_blank"> http://www.canon.de/druck_glossar</a>).</p>
<p class="x_MsoNormal">There were some interesting challenges presented with this application such as</p>
<ul>
<li>Bilingual</li>
<li>Deeplinking ( without the use of JavaScript )</li>
<li>PureMVC Framework</li>
<li>Component Driven.</li>
</ul>
<p class="x_MsoNormal">The problem with the Deeplinking was the fact that Canon uses a content management system that doesn't allow you to add any JavaScript to the Page! Not even as an include. This posed a big problem with the app due to the fact that Deeplinking was requirement of the brief. As you may or may not know Deeplinking is enabled in Flex via an external folder called history and within this folder you have history.js and history.css files both of which are needed to allow Deeplinking to work.<span id="more-15"></span></p>
<p class="x_MsoNormal">However, I was not allowed to "include" any JavaScript but i could use browser specific JavaScript as this is built into the browser and as such should run automatically so ::</p>
<p class="x_MsoNormal">
<p class="x_MsoNormal">
<pre class="flex"><span style="color: #5b7bff; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span> ExternalInterface.<span style="color: #000000;">available</span> <span style="color: #000000;">&#41;</span>
<span style="color: #000000;">&#123;</span>
   <span style="color: #b7cfe7; font-weight: bold;">var</span> call : String    = <span style="color: #ff0000;">'window.location.href.toString'</span>
   <span style="color: #b7cfe7; font-weight: bold;">var</span> url : String 	= ExternalInterface.<span style="color: #000000;">call</span><span style="color: #000000;">&#40;</span> call <span style="color: #000000;">&#41;</span>;
   <span style="color: #b7cfe7; font-weight: bold;">var</span> pos : int 	= url.<span style="color: #000000;">indexOf</span><span style="color: #000000;">&#40;</span> <span style="color: #ff0000;">'#'</span> <span style="color: #000000;">&#41;</span>;
   <span style="color: #5b7bff; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span> pos == <span style="color: #000000;">-1</span> || pos == url.<span style="color: #000000;">length</span> - <span style="color: #000000;">1</span> <span style="color: #000000;">&#41;</span>
   <span style="color: #000000;">&#123;</span>
    	<span style="color: #009900; font-style: italic;">//No fragments so return;</span>
       	<span style="color: #5b7bff; font-weight: bold;">return</span>;
   <span style="color: #000000;">&#125;</span><span style="color: #5b7bff; font-weight: bold;">else</span><span style="color: #000000;">&#123;</span>
        <span style="color: #009900; font-style: italic;">//Do Fragment Processing here;</span>
   <span style="color: #000000;">&#125;</span>
<span style="color: #000000;">&#125;</span></pre>
<a href='http://twitter.com/share?url=http%3A%2F%2Fwww.betadesigns.co.uk%2FBlog%2F%3Fp%3D15&count=horizontal&related=&text=Canon%20Buzzwords%20goes%20Live%21' class='twitter-share-button' data-text='Canon Buzzwords goes Live!' data-url='http://www.betadesigns.co.uk/Blog/?p=15' data-counturl='http://www.betadesigns.co.uk/Blog/2008/06/03/canon-buzzwords-goes-live/' data-count='horizontal' data-via='Omnipitence'></a>]]></content:encoded>
			<wfw:commentRss>http://www.betadesigns.co.uk/Blog/2008/06/03/canon-buzzwords-goes-live/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

