<?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>TrashBoard.de &#187; Web Trash</title>
	<atom:link href="http://www.trashboard.de/category/web-trash/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.trashboard.de</link>
	<description>Endlich eine Plattform, die der Creme de la Creme der Straßenkinder und biertrinkenden Schöngeister die Möglichkeit gibt, der Welt zuzuprosten.</description>
	<lastBuildDate>Fri, 09 Apr 2010 06:51:57 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>JQuery mini autoloader</title>
		<link>http://www.trashboard.de/2009/10/01/jquery-mini-autoloader/</link>
		<comments>http://www.trashboard.de/2009/10/01/jquery-mini-autoloader/#comments</comments>
		<pubDate>Thu, 01 Oct 2009 15:40:37 +0000</pubDate>
		<dc:creator>pulponair</dc:creator>
				<category><![CDATA[Web Trash]]></category>

		<guid isPermaLink="false">http://www.trashboard.de/?p=487</guid>
		<description><![CDATA[Häufig hat man auf umfangreicheren Websites das Problem, das es zahlreiche interaktive Elemente gibt, die in irgendeiner Form JS benötigen bzw. durch eigene Scripts gesteuert werden.
Auf einigen Seiten wird das Script x benötigt auf anderes das script y und auf wieder anderen beide. Sind einem Ladezeite egal, so bindet man einfach alle Script global ein [...]]]></description>
			<content:encoded><![CDATA[<p>Häufig hat man auf umfangreicheren Websites das Problem, das es zahlreiche interaktive Elemente gibt, die in irgendeiner Form JS benötigen bzw. durch eigene Scripts gesteuert werden.</p>
<p>Auf einigen Seiten wird das Script x benötigt auf anderes das script y und auf wieder anderen beide. Sind einem Ladezeite egal, so bindet man einfach alle Script global ein und fertig. Wenn nicht kann man pro Seit auch nur die benötigten Scripte einbinden. Das ist allerdings zum einen sehr müssig und zum anderen auch fehleranfällig.</p>
<p>Es gibt aber auch die Option sich ein kleines Autoloader Script zu schreiben, das bestimmte Bibliotheken nur läd, wenn sie benötigt werden. Das &#8220;benötigt werden&#8221; kann z.B. durch das Vorkommen eines bestimmten Markup Elementes definiert werden (id, class, etc).</p>
<p>Anbei mal meine Minimallösung für ein solches Szenario:<br />
<span id="more-487"></span></p>
<p><strong>jquery.autoloader.js</strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>$<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	$.<span style="color: #660066;">autoloader</span> <span style="color: #339933;">=</span> <span style="color: #009900;">&#123;</span>
		includes <span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">new</span> Array<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
&nbsp;
		include <span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>file<span style="color: #339933;">,</span> triggerElement<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
			<span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">includes</span>.<span style="color: #660066;">push</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span><span style="color: #3366CC;">'file'</span><span style="color: #339933;">:</span> file<span style="color: #339933;">,</span> <span style="color: #3366CC;">'triggerElement'</span><span style="color: #339933;">:</span> triggerElement<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
&nbsp;
		load <span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
			$<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">includes</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">each</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>index<span style="color: #339933;">,</span> <span style="color: #000066; font-weight: bold;">item</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
				<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>$<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">item</span>.<span style="color: #660066;">triggerElement</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">length</span><span style="color: #009900;">&#41;</span>
					<span style="color: #000066; font-weight: bold;">return</span><span style="color: #339933;">;</span>
&nbsp;
				$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'head'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">append</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'&lt;script type=&quot;text/javascript&quot; src=&quot;'</span> <span style="color: #339933;">+</span> <span style="color: #000066; font-weight: bold;">item</span>.<span style="color: #660066;">file</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&quot;&gt;&lt;<span style="color: #000099; font-weight: bold;">\/</span>script&gt;'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
			<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #009900;">&#125;</span>
	<span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#40;</span>jQuery<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p><strong>test.js</strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	jQuery.<span style="color: #660066;">autoloader</span>.<span style="color: #660066;">include</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'testFolder/alert1.js'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'#triggerContainer'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	jQuery.<span style="color: #660066;">autoloader</span>.<span style="color: #660066;">load</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>Voila <img src='http://www.trashboard.de/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.trashboard.de/2009/10/01/jquery-mini-autoloader/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TYPO3: typo3worldmap.net</title>
		<link>http://www.trashboard.de/2009/07/02/typo3-typo3worldmap-net/</link>
		<comments>http://www.trashboard.de/2009/07/02/typo3-typo3worldmap-net/#comments</comments>
		<pubDate>Thu, 02 Jul 2009 10:18:43 +0000</pubDate>
		<dc:creator>webmaster</dc:creator>
				<category><![CDATA[TYPO3 Trash]]></category>
		<category><![CDATA[Web Trash]]></category>

		<guid isPermaLink="false">http://www.trashboard.de/?p=478</guid>
		<description><![CDATA[Onkel Georg (aka just2b) hat ein nettes Projekt an den Start gebracht: typo3worldmap.net .
Auf der Karte können sich TYPO3 User aus der ganze Welt mit ein paar Klicks eintragen und damit der ganze Welt ihren Standort verraten.
Bisher haben das fast 600 User getan.
Für die Site werden noch Übersetzungen benötigt. Wer also mehr als der Deutschen [...]]]></description>
			<content:encoded><![CDATA[
<a href="http://www.trashboard.de/wp-content/gallery/diverse/t3worldmap.jpg" title="" class="thickbox" rel="singlepic350" >
	<img class="ngg-singlepic" src="http://www.trashboard.de/wp-content/gallery/cache/350__320x240_t3worldmap.jpg" alt="t3worldmap" title="t3worldmap" />
</a>

<p>Onkel Georg (aka just2b) hat ein nettes Projekt an den Start gebracht: <a href="http://typo3worldmap.net" target="_blank">typo3worldmap.net</a> .<br />
Auf der Karte können sich TYPO3 User aus der ganze Welt mit ein paar Klicks eintragen und damit der ganze Welt ihren Standort verraten.<br />
Bisher haben das fast 600 User getan.</p>
<p>Für die Site werden noch Übersetzungen benötigt. Wer also mehr als der Deutschen oder Englischen Sprache mächtig ist, der kann sich die zu übersetzenden Begriffe hier: <a href=" http://www.typo3worldmap.net/typo3conf/ext/rggooglemapfe/pi1/locallang.xml" target="_blank">http://www.typo3worldmap.net/typo3conf/ext/rggooglemapfe/pi1/locallang.xml</a> anschaun und übersetzen. Bei Bedarf bereite ich die gern &#8220;Non Techy&#8221; &#8211; konform auf.  Bei Interesse einfach melden.  Als Belohnung gibts n dickes Danke und wenn gewünscht einen Link auf der typo3worldmap.net Site.</p>
<p>Das Ding bekommt sogar noch Statistikfunktion verpasst:<br />
<img src="http://www.typo3worldmap.net/stat.html?as=image&#038;top=5" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.trashboard.de/2009/07/02/typo3-typo3worldmap-net/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Personalprobleme?</title>
		<link>http://www.trashboard.de/2009/03/25/personalprobleme/</link>
		<comments>http://www.trashboard.de/2009/03/25/personalprobleme/#comments</comments>
		<pubDate>Wed, 25 Mar 2009 13:59:27 +0000</pubDate>
		<dc:creator>pulponair</dc:creator>
				<category><![CDATA[Web Trash]]></category>

		<guid isPermaLink="false">http://www.trashboard.de/?p=472</guid>
		<description><![CDATA[Homegrown heisst die Lösung   :

]]></description>
			<content:encoded><![CDATA[<p>Homegrown heisst die Lösung <img src='http://www.trashboard.de/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  :</p>
<p><object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/hgYwTELj-fs"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/hgYwTELj-fs" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.trashboard.de/2009/03/25/personalprobleme/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TheCrystalApes erstes Musikvideo released!</title>
		<link>http://www.trashboard.de/2009/03/23/thecrystalapes-erstes-musikvideo-released/</link>
		<comments>http://www.trashboard.de/2009/03/23/thecrystalapes-erstes-musikvideo-released/#comments</comments>
		<pubDate>Mon, 23 Mar 2009 12:14:32 +0000</pubDate>
		<dc:creator>Dr.Jones</dc:creator>
				<category><![CDATA[Alltags Trash]]></category>
		<category><![CDATA[Blogroll]]></category>
		<category><![CDATA[Musik Trash]]></category>
		<category><![CDATA[Party Trash]]></category>
		<category><![CDATA[Poesie Trash]]></category>
		<category><![CDATA[Web Trash]]></category>

		<guid isPermaLink="false">http://www.trashboard.de/?p=468</guid>
		<description><![CDATA[ The Crystal Apes haben ihr erstes (HD-)Musikvideo &#8220;Hold Me&#8221; released:

Man kann es auch auf

unserem Video-MySpace,
dem normalen MySpace
oder unserem YouTube Channel

sehen.
Wir wünschen Euch viel ein schönes Schauen und hoffen es gefällt Euch.
Vielen Dank an das Team von Creatmosfairy für ihre geniale und schnelle Arbeit!
Ansonsten arbeiten wir gerade an neuen Material, welches den Schwerpunkt stark auf [...]]]></description>
			<content:encoded><![CDATA[<p> The Crystal Apes haben ihr erstes (HD-)Musikvideo &#8220;Hold Me&#8221; released:</p>
<p><object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/trzo8FapoFU"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/trzo8FapoFU" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object></p>
<p>Man kann es auch auf</p>
<ul>
<li><a href="http://vids.myspace.com/index.cfm?fuseaction=vids.individual&#038;VideoID=54734424">unserem Video-MySpace</a>,</li>
<li><a href="http://www.myspace.com/thecrystalapes">dem normalen MySpace</a></li>
<li><a href="http://www.youtube.com/user/TheCrystalApes">oder unserem YouTube Channel</a></li>
</ul>
<p>sehen.</p>
<p>Wir wünschen Euch viel ein schönes Schauen und hoffen es gefällt Euch.<br />
Vielen Dank an das Team von Creatmosfairy für ihre geniale und schnelle Arbeit!</p>
<p>Ansonsten arbeiten wir gerade an neuen Material, welches den Schwerpunkt stark auf Tanzbarkeit setzt.</p>
<p>Auf bald, viele Grüße,<br />
Dr.Jones</p>
]]></content:encoded>
			<wfw:commentRss>http://www.trashboard.de/2009/03/23/thecrystalapes-erstes-musikvideo-released/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>1234567890&#8230;</title>
		<link>http://www.trashboard.de/2009/02/11/123456790/</link>
		<comments>http://www.trashboard.de/2009/02/11/123456790/#comments</comments>
		<pubDate>Wed, 11 Feb 2009 22:24:41 +0000</pubDate>
		<dc:creator>pulponair</dc:creator>
				<category><![CDATA[Web Trash]]></category>

		<guid isPermaLink="false">http://www.trashboard.de/2009/02/11/123456790/</guid>
		<description><![CDATA[wird diesen Samstag um 00:31:30  (14.02 00:31:30) der UnixTimeStamp.
Happy Birthday &#8211; ein Grund zum Feier!
Bis er dann am 19. Januar 2038 um 14 Minuten und 7 Sekunden nach 3 Uhr vorhersehbar versterben wird und damit zeitgleich das Ende der Welt einläutet.
Der letzte runde Geburtstag war übrigens der  18.3.2005  und zwar der 1111111111ste.
]]></description>
			<content:encoded><![CDATA[<p>wird diesen Samstag um 00:31:30  (14.02 00:31:30) der UnixTimeStamp.</p>
<p>Happy Birthday &#8211; ein Grund zum Feier!</p>
<p>Bis er dann am 19. Januar 2038 um 14 Minuten und 7 Sekunden nach 3 Uhr vorhersehbar versterben wird und damit zeitgleich das Ende der Welt einläutet.</p>
<p>Der letzte runde Geburtstag war übrigens der  18.3.2005  und zwar der 1111111111ste.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.trashboard.de/2009/02/11/123456790/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

