<?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>Eklog &#187; XML</title>
	<atom:link href="http://www.ekstasis.net/log/category/xml/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ekstasis.net/log</link>
	<description></description>
	<lastBuildDate>Sun, 13 Sep 2009 21:21:42 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>XML imported images using jQuery</title>
		<link>http://www.ekstasis.net/log/2009/06/07/xml-imported-images-using-jquery/</link>
		<comments>http://www.ekstasis.net/log/2009/06/07/xml-imported-images-using-jquery/#comments</comments>
		<pubDate>Sun, 07 Jun 2009 06:14:59 +0000</pubDate>
		<dc:creator>mat</dc:creator>
				<category><![CDATA[AJAX]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[XHTML]]></category>
		<category><![CDATA[XML]]></category>

		<guid isPermaLink="false">http://www.ekstasis.net/log/2009/07/19/xml-imported-images-using-jquery/</guid>
		<description><![CDATA[Here&#8217;s how to load images from any server using a simple XML files. Useful for giving clients or affiliates access to updating sites without changing the main code.
See it in action at: Loading images with XML &#38; jQuery

&#60;script type=&#34;text/javascript&#34;&#62;
	$(document).ready(function()
	{
	$.get(&#8217;myData.xml&#8217;, function(d)
	{
	$(&#8217;#list&#8217;).append(&#8217;&#60;dl id=&#34;list1Cont&#34; /&#62;&#8217;);
 $(d).find(&#8217;book&#8217;).each(function()
	{
	var $book = $(this); 
	var title = $book.attr(&#34;title&#34;);
	var linkurl = $book.attr(&#8217;linkurl&#8217;);
	var imageurl = [...]]]></description>
			<content:encoded><![CDATA[<p>Here&#8217;s how to load images from any server using a simple XML files. Useful for giving clients or affiliates access to updating sites without changing the main code.</p>
<p>See it in action at: <a href="http://xml.xmhell.com/loadXMLWithJquery/" title="click to view website">Loading images with XML &amp; jQuery</a><br />
<span id="more-84"></span></p>
<p>&lt;script type=&quot;text/javascript&quot;&gt;</p>
<p>	$(document).ready(function()<br />
	{<br />
	$.get(&#8217;myData.xml&#8217;, function(d)<br />
	{<br />
	$(&#8217;#list&#8217;).append(&#8217;&lt;dl id=&quot;list1Cont&quot; /&gt;&#8217;);</p>
<p> $(d).find(&#8217;book&#8217;).each(function()<br />
	{<br />
	var $book = $(this); <br />
	var title = $book.attr(&quot;title&quot;);<br />
	var linkurl = $book.attr(&#8217;linkurl&#8217;);</p>
<p>	var imageurl = $book.attr(&#8217;imageurl&#8217;);</p>
<p> var html = &#8216;&lt;dt&gt; &lt;img class=&quot;bookImage&quot; alt=&quot;&quot; src=&quot;&#8217; + imageurl + &#8216;&quot; /&gt;  &lt;span class=&quot;link&quot;&gt;&lt;a href=&quot;http://www.startriteshoes.com/childrens-shoes/&#8217; + linkurl + &#8216;&quot;&gt;&#8217; + title + &#8216;&lt;/a&gt;&lt;/span&gt;&lt;/dt&gt;&#8217; ;<br />
	//    html += &#8216;&lt;dd&gt;&#8217;;<br />
	// html += &#8216;&lt;dt class=&quot;title&quot;&gt;&#8217; + title + &#8216;&lt;/dt&gt;&#8217;;<br />
	//    html += &#8216;&lt;span class=&quot;link&quot;&gt;&lt;a href=&quot;http://www.startriteshoes.com/childrens-shoes/&#8217; + linkurl + &#8216;&quot;&gt;&#8217; + title + &#8216;&lt;/a&gt;&lt;/span&gt;&#8217;;<br />
	//    html += &#8216;&lt;/dd&gt;&#8217;;</p>
<p> $(&#8217;#list1Cont&#8217;).append($(html));</p>
<p> });<br />
	});</p>
<p>&nbsp;</p>
<p> $.get(&#8217;myData2.xml&#8217;, function(d)<br />
	{<br />
	$(&#8217;#list2&#8242;).append(&#8217;&lt;dl id=&quot;list2Cont&quot; /&gt;&#8217;);</p>
<p> $(d).find(&#8217;book&#8217;).each(function()<br />
	{<br />
	var $book = $(this); <br />
	var title = $book.attr(&quot;title&quot;);<br />
	var linkurl = $book.attr(&#8217;linkurl&#8217;);</p>
<p>	var imageurl = $book.attr(&#8217;imageurl&#8217;);</p>
<p> var html = &#8216;&lt;dt&gt; &lt;img class=&quot;bookImage&quot; alt=&quot;&quot; src=&quot;&#8217; + imageurl + &#8216;&quot; /&gt;  &lt;span class=&quot;link&quot;&gt;&lt;a href=&quot;http://www.startriteshoes.com/childrens-shoes/&#8217; + linkurl + &#8216;&quot;&gt;&#8217; + title + &#8216;&lt;/a&gt;&lt;/span&gt;&lt;/dt&gt;&#8217; ;<br />
	//    html += &#8216;&lt;dd&gt;&#8217;;<br />
	// html += &#8216;&lt;dt class=&quot;title&quot;&gt;&#8217; + title + &#8216;&lt;/dt&gt;&#8217;;<br />
	//    html += &#8216;&lt;span class=&quot;link&quot;&gt;&lt;a href=&quot;http://www.startriteshoes.com/childrens-shoes/&#8217; + linkurl + &#8216;&quot;&gt;&#8217; + title + &#8216;&lt;/a&gt;&lt;/span&gt;&#8217;;<br />
	//    html += &#8216;&lt;/dd&gt;&#8217;;</p>
<p> $(&#8217;#list2Cont&#8217;).append($(html));</p>
<p> });<br />
	});<br />
	});<br />
	&lt;/script&gt;</p>
<p>&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot; ?&gt;<br />
	&lt;books&gt;<br />
&lt;book title=&quot;F1X&quot; imageurl=&quot;http://www.ekstasis.net/images/funpics/f1scx.jpg&quot; linkurl=&quot;7200_7/ELISE&quot;&gt;&lt;/book&gt;<br />
&lt;book title=&quot;Fly in my&quot; imageurl=&quot;http://www.ekstasis.net/images/funpics/fly_soup.jpg&quot; linkurl=&quot;2200_7/SPIN&quot;&gt;&lt;/book&gt;<br />
&lt;book title=&quot;Why the long face?&quot; imageurl=&quot;http://www.ekstasis.net/images/funpics/horse.jpg&quot; linkurl=&quot;3043_7/QUICK_STEP&quot;&gt;&lt;/book&gt;<br />
&lt;book title=&quot;Mornin&quot; imageurl=&quot;http://www.ekstasis.net/images/funpics/wake_up.jpg&quot; linkurl=&quot;2121_7/TRILOGY&quot;&gt;&lt;/book&gt;<br />
&lt;/books&gt;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ekstasis.net/log/2009/06/07/xml-imported-images-using-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
