<?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>curlingthebrackets &#187; xml</title>
	<atom:link href="http://curlingthebrackets.com/category/flash/flash-emne/as3-flash/xml-flash/feed/" rel="self" type="application/rss+xml" />
	<link>http://curlingthebrackets.com</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Wed, 25 Jan 2012 12:33:12 +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>XML loader</title>
		<link>http://curlingthebrackets.com/xml-loader/</link>
		<comments>http://curlingthebrackets.com/xml-loader/#comments</comments>
		<pubDate>Tue, 12 May 2009 14:50:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[snippet]]></category>
		<category><![CDATA[xml]]></category>

		<guid isPermaLink="false">http://curlingthebrackets.com/?p=207</guid>
		<description><![CDATA[Hvad er XML? Extensible Markup Language. En tekst-fil med extensionen: &#8220;.xml&#8221;, hvor repetitivt data og indhold kan lagres i en struktureret form, der anvender tags og atributter, som i xhtml. Xml-filer agerer som lette databaser og som &#8220;feeds&#8221; i form af RSS-indhold. (Really Simple Syndication). Hvorfor XML? XML er let at redigere og ligger gerne [...]]]></description>
			<content:encoded><![CDATA[<a name="wptoc_0_0_0"></a><h3>Hvad er XML?</h3>
<p>Extensible Markup Language. En tekst-fil  med extensionen: &#8220;.xml&#8221;, hvor repetitivt data og indhold kan lagres i en struktureret form, der anvender tags og atributter, som i xhtml.<br />
Xml-filer agerer som lette databaser og som &#8220;feeds&#8221; i form af RSS-indhold. (Really Simple Syndication).</p>
<a name="wptoc_0_0_1"></a><h3>Hvorfor XML?</h3>
<p>XML er let at redigere og ligger gerne ekstern i forhold til en flash-fil. Det bruges ofte til at lagre oplysninger som filnavne og stier på den type filer, der kan loades ind i actionscript (swf, jpg, gif, png, mp3, flv..). XML er foruden playlister af forskellig art, brugt til menusystemer. </p>
<a name="wptoc_0_0_2"></a><h3>Eksempel</h3>
<p>Den rå kode for at loade en xml-fil, hvis du har en sådan:</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3"><span class="co1">//A</span>
	<span class="kw1">import</span> <span class="kw6">flash.net</span><span class="sy0">.</span><span class="kw5">URLRequest</span><span class="sy0">;</span>
	<span class="kw1">import</span> <span class="kw6">flash.net</span><span class="sy0">.</span><span class="kw5">URLLoader</span><span class="sy0">;</span>
<span class="co1">//B</span>
	<span class="kw2">var</span> XMLLoader<span class="sy0">:</span><span class="kw5">URLLoader</span> = <span class="kw1">new</span> <span class="kw5">URLLoader</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>
<span class="co1">//C/D i relevant sammenhæng</span>
	XMLLoader<span class="sy0">.</span><span class="kw7">load</span><span class="br0">&#40;</span><span class="kw1">new</span> <span class="kw5">URLRequest</span><span class="br0">&#40;</span><span class="st0">&quot;adressen_paa_din_xml_fil.xml&quot;</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">;</span> 
	XMLLoader<span class="sy0">.</span><span class="kw7">addEventListener</span><span class="br0">&#40;</span><span class="kw5">Event</span><span class="sy0">.</span><span class="kw8">COMPLETE</span><span class="sy0">,</span> onLoadXML<span class="br0">&#41;</span><span class="sy0">;</span>
<span class="co1">//D</span>
	<span class="kw3">function</span> onLoadXML<span class="br0">&#40;</span>e<span class="sy0">:</span><span class="kw5">Event</span><span class="br0">&#41;</span><span class="sy0">:</span><span class="kw1">void</span>  <span class="br0">&#123;</span>
		<span class="kw2">var</span> xml<span class="sy0">:</span><span class="kw5">XML</span> = <span class="kw1">new</span> <span class="kw5">XML</span><span class="br0">&#40;</span>e<span class="sy0">.</span><span class="kw7">target</span><span class="sy0">.</span><span class="kw7">data</span><span class="br0">&#41;</span><span class="sy0">;</span><span class="co1">//xml i en string</span>
		<span class="kw2">var</span> xmlList<span class="sy0">:</span><span class="kw5">XMLList</span> = <span class="kw1">new</span> <span class="kw5">XMLList</span><span class="br0">&#40;</span>xml<span class="sy0">.</span><span class="kw7">children</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">;</span><span class="co1">//emne liste</span>
		<span class="kw7">trace</span><span class="br0">&#40;</span>xml<span class="br0">&#41;</span><span class="sy0">;</span> <span class="co1">//Prøv også: trace(xmlList);</span>
	<span class="br0">&#125;</span></pre></div></div>

<p>Det er praktisk at trace xml for at få indblik i filens struktur og indhold, hvis den loades fra en internet adresse. Læg mærke til Tagnavne og Atributnavne.<br />
xmlList er nødvendig for at fortolke og få adgang til oplistede emner. Den indeholder nu struktur og data fra xml. </p>
<a name="wptoc_0_0_3"></a><h3>Filtrering af data</h3>
<p>Kan sammenlignes med at skrive &#8216;stien&#8217; til det ønskede emne. Forestil dig som 100 årig foran en xml-fil med dine efterkommere:</p>
<p><strong>xmlList.barn.barnebarn.oldebarn;</strong> for at nå frem til alle oldebørn.<br />
<strong>xmlList.barn.barnebarn.oldebarn[0];</strong> for at få fat i første oldebarn på listen.<br />
<strong>xmlList.barn.barnebarn.@foedselsdag;</strong> er det samme som:<br />
xmlList.barn.barnebarn.attribute(foedselsdag); for at se børnebørn med atributten: foedselsdag.</p>
<a name="wptoc_0_0_4"></a><h3>RSS Reader</h3>

<div class="wp_syntax"><div class="code"><pre class="actionscript3"><span class="co1">//Paste fx. denne adresse ind i URLLoaderen's URLRequest: </span>
<span class="st0">'http://curlingthebrackets.com/category/flash/feed/'</span>
<span class="co1">//og lav denne trace: </span>
<span class="kw7">trace</span><span class="br0">&#40;</span>xmlList<span class="sy0">.</span>item<span class="sy0">.</span>title<span class="br0">&#41;</span><span class="sy0">;</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://curlingthebrackets.com/xml-loader/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Galleri med XML</title>
		<link>http://curlingthebrackets.com/galleri-med-xml/</link>
		<comments>http://curlingthebrackets.com/galleri-med-xml/#comments</comments>
		<pubDate>Sun, 10 May 2009 18:38:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[oevelse]]></category>
		<category><![CDATA[xml]]></category>

		<guid isPermaLink="false">http://curlingthebrackets.com/?p=996</guid>
		<description><![CDATA[I eksemplet her, er navnene og adresserne på de billeder, som skal bruges i galleriet, listet op i en xml-fil. 
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="fm__bund11_917750531"
			class="flashmovie"
			width="420"
			height="485">
	<param name="movie" value="http://curlingthebrackets.com/flash/_bund11.swf" />
	<param name="flashvars" value="murl=http://curlingthebrackets.com/flash/xmlgallery/XMLgallery.swf&amp;w=680&amp;h=780&amp;mscale=1&amp;frate=24" />
	<!--[if !IE]>-->
	<object	type="application/x-shockwave-flash"
			data="http://curlingthebrackets.com/flash/_bund11.swf"
			name="fm__bund11_917750531"
			width="420"
			height="485">
		<param name="flashvars" value="murl=http://curlingthebrackets.com/flash/xmlgallery/XMLgallery.swf&amp;w=680&amp;h=780&amp;mscale=1&amp;frate=24" />
	<!--<![endif]-->
		 
	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
</object> Opbygning og overblik Billedmapperne thumbnails og images indeholder samme billeder i henholdsvis lille og fuld størrelse. Xml-filen: images.xml [...]]]></description>
			<content:encoded><![CDATA[<p>I eksemplet her, er navnene og adresserne på de billeder, som skal bruges i galleriet, listet op i en xml-fil.</p>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="fm__bund11_320442335"
			class="flashmovie"
			width="420"
			height="485">
	<param name="movie" value="http://curlingthebrackets.com/flash/_bund11.swf" />
	<param name="flashvars" value="murl=http://curlingthebrackets.com/flash/xmlgallery/XMLgallery.swf&amp;w=680&amp;h=780&amp;mscale=1&amp;frate=24" />
	<!--[if !IE]>-->
	<object	type="application/x-shockwave-flash"
			data="http://curlingthebrackets.com/flash/_bund11.swf"
			name="fm__bund11_320442335"
			width="420"
			height="485">
		<param name="flashvars" value="murl=http://curlingthebrackets.com/flash/xmlgallery/XMLgallery.swf&amp;w=680&amp;h=780&amp;mscale=1&amp;frate=24" />
	<!--<![endif]-->
		
<p><a href="http://adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>

	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
</object>
<a name="wptoc_0_0_0"></a><h3>Opbygning og overblik</h3>
<p><img src="http://curlingthebrackets.com/wp-content/uploads/2009/05/xmlgalleri0.gif" alt="xmlgalleri0" title="xmlgalleri0" class="alignnone size-full wp-image-1061" /></p>
<p>Billedmapperne <strong>thumbnails </strong>og <strong>images </strong>indeholder samme billeder i henholdsvis lille og fuld størrelse.<br />
Xml-filen: <strong>images.xml</strong> laves som en ganske almindelig tekstfil og lægges til dette eksempel i en mappe <strong>data</strong> og refererer til billedernes sti, navne og billedtekst:</p>

<div class="wp_syntax"><div class="code"><pre class="xml"><span class="sc3"><span class="re1">&lt;?xml</span> <span class="re0">version</span>=<span class="st0">&quot;1.0&quot;</span> <span class="re0">encoding</span>=<span class="st0">&quot;utf-8&quot;</span><span class="re2">?&gt;</span></span>
<span class="sc3"><span class="re1">&lt;images<span class="re2">&gt;</span></span></span>
	<span class="sc3"><span class="re1">&lt;image</span> <span class="re0">full</span>=<span class="st0">&quot;images/image1.jpg&quot;</span> <span class="re0">thumb</span>=<span class="st0">&quot;thumbnails/image1.jpg&quot;</span><span class="re2">&gt;</span></span>Description of image 1.<span class="sc3"><span class="re1">&lt;/image<span class="re2">&gt;</span></span></span>
	<span class="sc3"><span class="re1">&lt;image</span> <span class="re0">full</span>=<span class="st0">&quot;images/image2.jpg&quot;</span> <span class="re0">thumb</span>=<span class="st0">&quot;thumbnails/image2.jpg&quot;</span><span class="re2">&gt;</span></span>Description of image 2.<span class="sc3"><span class="re1">&lt;/image<span class="re2">&gt;</span></span></span>
	<span class="sc3"><span class="re1">&lt;image</span> <span class="re0">full</span>=<span class="st0">&quot;images/image3.jpg&quot;</span> <span class="re0">thumb</span>=<span class="st0">&quot;thumbnails/image3.jpg&quot;</span><span class="re2">&gt;</span></span>Description of image 3.<span class="sc3"><span class="re1">&lt;/image<span class="re2">&gt;</span></span></span>
<span class="sc3"><span class="re1">&lt;/images<span class="re2">&gt;</span></span></span></pre></div></div>

<a name="wptoc_0_0_1"></a><h3>Forberedelse (brug af classes) </h3>
<p>En flashfil: <strong>XMLgallery.fla</strong> med et tomt movieclip: <strong>gallery</strong><br />
Linkage mellem gallery og en as-fil: <strong>gallery.as</strong><br />
Instanciering af gallery-class &#8211; ved at trække gallery ind på scenen &#8211; ELLER som her dynamisk med et framescript på scenen:</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3"><span class="kw2">var</span> gallery1<span class="sy0">:</span>gallery=<span class="kw1">new</span> gallery<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>
<span class="kw7">addChild</span><span class="br0">&#40;</span>gallery1<span class="br0">&#41;</span><span class="sy0">;</span></pre></div></div>

<p>Opsæt <strong>gallery.as</strong> og dens class-constructor i sin package:</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3"><span class="kw4">package</span> <span class="br0">&#123;</span>
	<span class="co1">/// :::: A :::: /// Import af flash classes</span>
	<span class="kw1">import</span> <span class="kw6">flash.display</span><span class="sy0">.</span><span class="kw5">MovieClip</span><span class="sy0">;</span>
	<span class="kw1">import</span> <span class="kw6">flash.events</span><span class="sy0">.*;</span>
	<span class="kw1">public</span> <span class="kw4">class</span> gallery <span class="kw1">extends</span> <span class="kw5">MovieClip</span> <span class="br0">&#123;</span>		
		<span class="co1">/// :::: B :::: /// Oprettelse af variabler og tilgængeliggørelse af objekt-navne</span>
		<span class="kw1">public</span> <span class="kw3">function</span> gallery<span class="br0">&#40;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>	
			<span class="co1">/// :::: C :::: /// Indledende handlinger - &quot;constructor&quot;</span>
		<span class="br0">&#125;</span>
		<span class="co1">/// :::: D :::: /// Tilknyttede funktioner	</span>
	<span class="br0">&#125;</span>
<span class="br0">&#125;</span></pre></div></div>

<p><strong>NB</strong>: Bemærk niveauerne A, B, C, D, som opdeler en class, hvori forskellige dele af et actionscript hører hjemme, og som jeg vil henvise til gennem alle nedenstående 3 trin. Hver funktionalitet involverer actions på flere af niveauerne.<br />
Næste trins kode skal ikke erstatte den forrige, men flettes ind i den eksisterende kode på de anviste niveauer, og således implementeres.</p>
<a name="wptoc_0_0_2"></a><h3>Forberedelse (brug af framescript) </h3>
<p>En flashfil: <strong>XMLgallery.fla</strong> med et actionscript-lag på scenen. På dens første keyframe kan niveau-inddeles med kommentarer:</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3">	<span class="co1">/// :::: A :::: /// Import af flash classes</span>
&nbsp;
	<span class="co1">/// :::: B :::: /// Oprettelse af variabler og tilgængeliggørelse af objekt-navne</span>
&nbsp;
	<span class="co1">/// :::: C :::: /// Indledende handlinger - &quot;constructor&quot;</span>
&nbsp;
	<span class="co1">/// :::: D :::: /// Tilknyttede funktioner</span></pre></div></div>

<p>Kodneanvisningerne i nedenstående trin bruges og flettes sammen i frameskriptet <strong>UDEN ORDET &#8220;PUBLIC&#8221; FORAN VARIABLER OG FUNKTIONER </strong></p>
<p>Resten af arbejdet foregår med  en trinvis scripting af funktionalitet i opsætningen, gennem følgende 3 trin:<br />
1 &#8211; Load og fortolk xml-filen<br />
2 &#8211; Load og vis alle thumbnails<br />
3 &#8211; Load og vis det valgte billede</p>
<a name="wptoc_0_0_3"></a><h3>1 &#8211; Load og fortolk xml-filen</h3>

<div class="wp_syntax"><div class="code"><pre class="actionscript3"><span class="co1">//Niveau A</span>
	<span class="kw1">import</span> <span class="kw6">flash.net</span><span class="sy0">.</span><span class="kw5">URLRequest</span><span class="sy0">;</span>
	<span class="kw1">import</span> <span class="kw6">flash.net</span><span class="sy0">.</span><span class="kw5">URLLoader</span><span class="sy0">;</span>
<span class="co1">//Niveau B</span>
		<span class="kw1">public</span> <span class="kw2">var</span> xmlDoc<span class="sy0">:</span><span class="kw5">String</span>=<span class="st0">&quot;data/images.xml&quot;</span><span class="sy0">;</span> <span class="co1">//Adressen på xml-filen</span>
		<span class="kw1">public</span> <span class="kw2">var</span> xmlLoader<span class="sy0">:</span><span class="kw5">URLLoader</span>=<span class="kw1">new</span> <span class="kw5">URLLoader</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span> <span class="co1">//Opret det relevante URLLoader-objekt</span>
		<span class="kw1">public</span> <span class="kw2">var</span> xml<span class="sy0">:</span><span class="kw5">XML</span><span class="sy0">;</span> <span class="co1">//Navnet på xml-objektet</span>
		<span class="kw1">public</span> <span class="kw2">var</span> xmlList<span class="sy0">:</span><span class="kw5">XMLList</span><span class="sy0">;</span> <span class="co1">//Navnet på den liste, hvori xml.elementerne kommer til at stå</span>
<span class="co1">//Niveau C</span>
			<span class="co1">// Load xml-filen med adressen</span>
			xmlLoader<span class="sy0">.</span><span class="kw7">load</span><span class="br0">&#40;</span><span class="kw1">new</span> <span class="kw5">URLRequest</span><span class="br0">&#40;</span>xmlDoc<span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">;</span>
			<span class="co1">// Når xml-filen er færdig-loadet, udføres XMLCOMPLETE funktionen</span>
			xmlLoader<span class="sy0">.</span><span class="kw7">addEventListener</span><span class="br0">&#40;</span><span class="kw5">Event</span><span class="sy0">.</span><span class="kw8">COMPLETE</span><span class="sy0">,</span> XMLCOMPLETE<span class="br0">&#41;</span><span class="sy0">;</span>
<span class="co1">//Niveau D</span>
		<span class="kw1">public</span> <span class="kw3">function</span> XMLCOMPLETE<span class="br0">&#40;</span>e<span class="sy0">:</span><span class="kw5">Event</span><span class="br0">&#41;</span><span class="sy0">:</span><span class="kw1">void</span> <span class="br0">&#123;</span>
			<span class="co1">// Påfyld flash's xml-beholder med xmlLoader-data!</span>
			xml=<span class="kw5">XML</span><span class="br0">&#40;</span>e<span class="sy0">.</span><span class="kw7">target</span><span class="sy0">.</span><span class="kw7">data</span><span class="br0">&#41;</span><span class="sy0">;</span>
			<span class="co1">// Oplist elementerne fra xml-filens &quot;rod&quot; i rækkefølge</span>
			xmlList=xml<span class="sy0">.</span><span class="kw7">children</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>
			<span class="co1">// Udfør funktionen LOADTHUMBS</span>
			LOADTHUMBS<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>
		<span class="br0">&#125;</span></pre></div></div>

<a name="wptoc_0_0_4"></a><h3>2 &#8211; Load og vis alle thumbnails</h3>

<div class="wp_syntax"><div class="code"><pre class="actionscript3"><span class="co1">//Niveau A</span>
	<span class="co1">// URLRequest skal kun tilføjes hvis den ikke er importeret på trin 1</span>
	<span class="kw1">import</span> <span class="kw6">flash.net</span><span class="sy0">.</span><span class="kw5">URLRequest</span><span class="sy0">;</span>
	<span class="kw1">import</span> <span class="kw6">flash.display</span><span class="sy0">.</span><span class="kw5">Loader</span><span class="sy0">;</span>
<span class="co1">//Niveau B</span>
		<span class="kw1">public</span> <span class="kw2">var</span> thumbLoader<span class="sy0">:</span><span class="kw5">Loader</span><span class="sy0">;</span>
<span class="co1">//Niveau D</span>
		<span class="kw1">public</span> <span class="kw3">function</span> LOADTHUMBS<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">:</span><span class="kw1">void</span> <span class="br0">&#123;</span>
			<span class="kw2">var</span> thumbUrl<span class="sy0">:</span><span class="kw5">String</span><span class="sy0">;</span>
			<span class="co1">// For hvert element i xml-filen dannes en &quot;thumbLoader&quot;</span>
			<span class="kw1">for</span> <span class="br0">&#40;</span><span class="kw2">var</span> i<span class="sy0">:</span><span class="kw5">int</span>=<span class="nu0">0</span><span class="sy0">;</span> i<span class="sy0">&lt;</span>xmlList<span class="sy0">.</span><span class="kw7">length</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span> i<span class="sy0">++</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
				<span class="co1">//værdien af hver &quot;thumb&quot; attribut overføres til thumbUrl</span>
				thumbUrl=xmlList<span class="br0">&#91;</span>i<span class="br0">&#93;</span><span class="sy0">.</span><span class="kw7">attribute</span><span class="br0">&#40;</span><span class="st0">&quot;thumb&quot;</span><span class="br0">&#41;</span><span class="sy0">;</span>
				thumbLoader=<span class="kw1">new</span> <span class="kw5">Loader</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>
				thumbLoader<span class="sy0">.</span><span class="kw7">load</span><span class="br0">&#40;</span><span class="kw1">new</span> <span class="kw5">URLRequest</span><span class="br0">&#40;</span>thumbUrl<span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">;</span>
				<span class="co1">//thumbLoader bliver snedigt omdøbt til adressen på det fulde billede</span>
				thumbLoader<span class="sy0">.</span><span class="kw7">name</span>=xmlList<span class="br0">&#91;</span>i<span class="br0">&#93;</span><span class="sy0">.</span><span class="kw7">attribute</span><span class="br0">&#40;</span><span class="st0">&quot;full&quot;</span><span class="br0">&#41;</span><span class="sy0">;</span>
				thumbLoader<span class="sy0">.</span><span class="kw7">x</span>=<span class="nu0">20</span><span class="sy0">;</span>
				<span class="co1">// 130=thumb's bredde, 20= passende luft </span>
				thumbLoader<span class="sy0">.</span><span class="kw7">y</span>=i<span class="sy0">*</span><span class="nu0">130</span><span class="sy0">+</span><span class="nu0">20</span><span class="sy0">;</span>
				<span class="kw7">addChild</span><span class="br0">&#40;</span>thumbLoader<span class="br0">&#41;</span><span class="sy0">;</span>
				<span class="co1">// hver thumbLoader aktiveres til at kunne udføre SHOWFULL</span>
				thumbLoader<span class="sy0">.</span><span class="kw7">addEventListener</span><span class="br0">&#40;</span><span class="kw5">MouseEvent</span><span class="sy0">.</span><span class="kw8">CLICK</span><span class="sy0">,</span> SHOWFULL<span class="br0">&#41;</span><span class="sy0">;</span>
			<span class="br0">&#125;</span>
		<span class="br0">&#125;</span></pre></div></div>

<a name="wptoc_0_0_5"></a><h3>3 &#8211; Load og vis det valgte billede</h3>

<div class="wp_syntax"><div class="code"><pre class="actionscript3"><span class="co1">//Niveau A</span>
	<span class="co1">// URLRequest skal kun importeres hvis den ikke allerede er der</span>
	<span class="kw1">import</span> <span class="kw6">flash.net</span><span class="sy0">.</span><span class="kw5">URLRequest</span><span class="sy0">;</span>
	<span class="co1">// Loader er allerede importeret i trin 2, skal kun tilføjes hvis den mangler</span>
	<span class="kw1">import</span> <span class="kw6">flash.display</span><span class="sy0">.</span><span class="kw5">Loader</span><span class="sy0">;</span>
<span class="co1">//Niveau B</span>
		<span class="kw1">public</span> <span class="kw2">var</span> fullLoader<span class="sy0">:</span><span class="kw5">Loader</span><span class="sy0">;</span>
<span class="co1">//Niveau D</span>
		<span class="kw1">public</span> <span class="kw3">function</span> SHOWFULL<span class="br0">&#40;</span>e<span class="sy0">:</span><span class="kw5">MouseEvent</span><span class="br0">&#41;</span><span class="sy0">:</span><span class="kw1">void</span> <span class="br0">&#123;</span>
			<span class="co1">// fjern det viste billede, hvis der er et i forvejen</span>
			<span class="kw1">if</span> <span class="br0">&#40;</span>fullLoader<span class="br0">&#41;</span> <span class="br0">&#123;</span>
				<span class="kw7">removeChild</span><span class="br0">&#40;</span>fullLoader<span class="br0">&#41;</span><span class="sy0">;</span>
			<span class="br0">&#125;</span>
			<span class="co1">// Opret en fullLoader til det billede, der skal vises</span>
			fullLoader=<span class="kw1">new</span> <span class="kw5">Loader</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>
			<span class="co1">//&quot;e.target.name&quot; er  &quot;thumbLoader.name&quot; fra LOADTHUMBS</span>
			<span class="kw2">var</span> imgUrl=<span class="kw1">new</span> <span class="kw5">URLRequest</span><span class="br0">&#40;</span>e<span class="sy0">.</span><span class="kw7">target</span><span class="sy0">.</span><span class="kw7">name</span><span class="br0">&#41;</span><span class="sy0">;</span>
			fullLoader<span class="sy0">.</span><span class="kw7">load</span><span class="br0">&#40;</span>imgUrl<span class="br0">&#41;</span><span class="sy0">;</span>
			fullLoader<span class="sy0">.</span><span class="kw7">x</span>=<span class="nu0">160</span><span class="sy0">;</span>
			fullLoader<span class="sy0">.</span><span class="kw7">y</span>=<span class="nu0">20</span><span class="sy0">;</span>
			<span class="kw7">addChild</span><span class="br0">&#40;</span>fullLoader<span class="br0">&#41;</span><span class="sy0">;</span>
		<span class="br0">&#125;</span></pre></div></div>

<a name="wptoc_0_0_6"></a><h3>Ekstra funktionalitet</h3>
<p>- En dynamisk tekstboks til at vise billedteksten fra xml-filen<br />
- En Fade-effekt med flash&#8217;s indbyggedeTween-class, på selve billederne når de vises.</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3"><span class="co1">//Niveau A</span>
	<span class="kw1">import</span> <span class="kw6">flash.text</span><span class="sy0">.</span><span class="kw5">TextField</span><span class="sy0">;</span>
	<span class="kw1">import</span> <span class="kw6">flash.text</span><span class="sy0">.</span><span class="kw5">TextFieldAutoSize</span><span class="sy0">;</span>
	<span class="kw1">import</span> fl<span class="sy0">.</span>transitions<span class="sy0">.</span>Tween<span class="sy0">;</span>
	<span class="kw1">import</span> fl<span class="sy0">.</span>transitions<span class="sy0">.</span>easing<span class="sy0">.*;</span>
<span class="co1">//Niveau B</span>
		<span class="kw1">public</span> <span class="kw2">var</span> imageText<span class="sy0">:</span><span class="kw5">TextField</span>=<span class="kw1">new</span> <span class="kw5">TextField</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>
		<span class="kw1">public</span> <span class="kw2">var</span> fadeTween<span class="sy0">:</span>Tween<span class="sy0">;</span>
<span class="co1">//Niveau C</span>
			<span class="co1">// Sæt tekstboksens bredde</span>
			imageText<span class="sy0">.</span><span class="kw7">autoSize</span>=<span class="kw5">TextFieldAutoSize</span><span class="sy0">.</span><span class="kw8">LEFT</span><span class="sy0">;</span>
			<span class="co1">// Opret den tekstboks, som skal indeholde billedtekst</span>
			<span class="kw7">addChild</span><span class="br0">&#40;</span>imageText<span class="br0">&#41;</span><span class="sy0">;</span>
			<span class="co1">// Kan starte med at vise en instruktion til bruger</span>
			imageText<span class="sy0">.</span><span class="kw7">text</span>=<span class="st0">&quot; Klik på en af billederne for at se et stort&quot;</span><span class="sy0">;</span>
<span class="co1">//Niveau D, indenfor SHOWFULL funktionen - nederst </span>
			<span class="co1">// Placer tekstboksen lige over billedkanten</span>
			imageText<span class="sy0">.</span><span class="kw7">x</span>=fullLoader<span class="sy0">.</span><span class="kw7">x</span><span class="sy0">;</span>
			imageText<span class="sy0">.</span><span class="kw7">y</span>=fullLoader<span class="sy0">.</span>y<span class="sy0">-</span><span class="nu0">20</span><span class="sy0">;</span>		
			<span class="co1">// Find den billedtekst, der hører til </span>
			<span class="kw1">for</span> <span class="br0">&#40;</span><span class="kw2">var</span> j<span class="sy0">:</span><span class="kw5">int</span>=<span class="nu0">0</span><span class="sy0">;</span> j<span class="sy0">&lt;</span>xmlList<span class="sy0">.</span><span class="kw7">length</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span> j<span class="sy0">++</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
				<span class="co1">// Samlign thumbLoaders navn med alle xml-listens &quot;full&quot; atributter</span>
				<span class="co1">// &quot;e.target.name&quot; er &quot;imageLoader.name&quot; fra LOADTHUMBS</span>
				<span class="kw1">if</span> <span class="br0">&#40;</span>xmlList<span class="br0">&#91;</span>j<span class="br0">&#93;</span><span class="sy0">.</span><span class="kw7">attribute</span><span class="br0">&#40;</span><span class="st0">&quot;full&quot;</span><span class="br0">&#41;</span>==e<span class="sy0">.</span><span class="kw7">target</span><span class="sy0">.</span><span class="kw7">name</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
					<span class="co1">// Indholdet fra nummer &quot;j&quot; på xmlList er tekst indpakket i tags			</span>
					<span class="co1">// Overfør denne tekst til tekstboksen</span>
					imageText<span class="sy0">.</span><span class="kw7">text</span>=xmlList<span class="br0">&#91;</span>j<span class="br0">&#93;</span><span class="sy0">;</span>
					<span class="co1">// Igangsæt den importerede Tween class med ønskede indstillinger</span>
					fadeTween=<span class="kw1">new</span> Tween<span class="br0">&#40;</span>fullLoader<span class="sy0">,</span><span class="st0">&quot;alpha&quot;</span><span class="sy0">,</span>None<span class="sy0">.</span>easeNone<span class="sy0">,</span><span class="nu0">0</span><span class="sy0">,</span><span class="nu0">1</span><span class="sy0">,</span><span class="nu0">1</span><span class="sy0">,</span><span class="kw1">true</span><span class="br0">&#41;</span><span class="sy0">;</span>
				<span class="br0">&#125;</span>
			<span class="br0">&#125;</span></pre></div></div>

<a name="wptoc_0_0_7"></a><h3>Yderlig øvelse og info:</h3>
<p><strong>Kapitel 14 i &#8220;Learning ActionScript 3.0&#8243;</strong> handler specifikt om XML i AS: Strukturen, skrive, læse, slette, loade. Kapitlet afsluttes med en menubar som øvelse.<br />
<a href="http://www.republicofcode.com/tutorials/flash/as3xml/">simple image loader</a></p>
]]></content:encoded>
			<wfw:commentRss>http://curlingthebrackets.com/galleri-med-xml/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tutorials XML</title>
		<link>http://curlingthebrackets.com/xml-tutorials/</link>
		<comments>http://curlingthebrackets.com/xml-tutorials/#comments</comments>
		<pubDate>Thu, 02 Apr 2009 15:35:25 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[hyperliste]]></category>
		<category><![CDATA[xml]]></category>

		<guid isPermaLink="false">http://curlingthebrackets.com/?p=641</guid>
		<description><![CDATA[Lynda.com introduktion til xml Se de gratis videoer på listen random image med uiloader til xml En simpel imageloader vel forklaret En simpel xml-menuloader til knapper En simpel menu får menupunkter med en xml-fil, der hentes fra en class på et movieclip ria-coder.com/blog/creating-xml-based-menus-with-flash-cs4-and-flex accordeon med xml fra thetechlab accordeon med xml fra riacodes Slideshow med [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://movielibrary.lynda.com/home/DisplayCourse.aspx?lpk2=560">Lynda.com introduktion til xml</a> Se  de gratis videoer på listen</p>
<p><a href="http://www.flashandmath.com/basic/randompic/index.html" target="_blank">random image med uiloader til xml</a><br />
<a href="http://www.republicofcode.com/tutorials/flash/as3xml/" target="_blank">En simpel imageloader vel forklaret</a></p>
<p><a href="http://www.developphp.com/Flash_tutorials/show_tutorial.php?tid=84" target="_blank">En simpel xml-menuloader til knapper</a><br />
En simpel menu får menupunkter med en xml-fil, der hentes fra en class på et movieclip<br />
<a href="http://ria-coder.com/blog/creating-xml-based-menus-with-flash-cs4-and-flex/" target="_blank">ria-coder.com/blog/creating-xml-based-menus-with-flash-cs4-and-flex</a></p>
<p><a href="http://www.thetechlabs.com/tutorials/xml/build-a-dynamic-accordion-menu-in-flash-cs4-with-actionscript-30-and-xml/">accordeon med xml fra thetechlab</a><br />
<a href="http://www.riacodes.com/flex/build-a-xml-driven-accordion-image-gallery/">accordeon med xml fra riacodes</a></p>
<p>Slideshow med Caurina tweener<br />
<a href="http://www.thetechlabs.com/tutorials/xml/create-a-as3-slideshow-with-xml/">thetechlabs.com: create-a-as3-slideshow-with-xml </a><br />
Slideshow mwd Tweenmax<br />
<a href="http://active.tutsplus.com/tutorials/xml/build-a-dynamic-flash-and-xml-slideshow-with-scripted-transitions/">active.tutsplus.com: build-a-dynamic-flash-and-xml-slideshow-with-scripted-transitions<br />
</a><br />
Slideshow mwd flash&#8217;s egen tweener<br />
<a href="http://www.republicofcode.com/tutorials/flash/as3slideshow/3.php">republicofcode: as3slideshow</a></p>
<p><a href="http://www.smithmediafusion.com/blog/?p=337" target="_blank">videoplayer med xml playlist</a></p>
<p><a href="http://www.smithmediafusion.com/blog/?p=342" target="_blank">podcast-player (ikke testet)</a></p>
]]></content:encoded>
			<wfw:commentRss>http://curlingthebrackets.com/xml-tutorials/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

