<?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>fabi.me &#187; javascript</title>
	<atom:link href="http://fabi.me/tag/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://fabi.me</link>
	<description></description>
	<lastBuildDate>Wed, 16 May 2012 08:45:51 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Labyrinth</title>
		<link>http://fabi.me/palm/webos-apps/labyrinth/</link>
		<comments>http://fabi.me/palm/webos-apps/labyrinth/#comments</comments>
		<pubDate>Fri, 22 Jan 2010 02:30:06 +0000</pubDate>
		<dc:creator>Fabi</dc:creator>
				<category><![CDATA[webOS Apps]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[Palm]]></category>
		<category><![CDATA[Spiele]]></category>
		<category><![CDATA[webos]]></category>

		<guid isPermaLink="false">http://fabi.me/?p=489</guid>
		<description><![CDATA[Steuere mit Hilfe des Bewegungssensors eine Stahlkugel durch ein hölzernes Labyrinth. Hört sich einfach an, aber Vorsicht vor den schwarzen Löchern! Versuche in möglichst kurzer Zeit die Kugel ins Ziel zu bringen. In dieser Lite-Version kannst du 17 Level mit ansteigendem Schwiereigkeitsgrad spielen. In der Vollversion, die bald erscheinen wird, erwarten dich eine globale Hichscoreliste, [...]]]></description>
			<content:encoded><![CDATA[<div style="height:33px;" class="really_simple_share robots-nocontent snap_nopreview"><div class="really_simple_share_facebook_like" style="width:100px;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffabi.me%2Fpalm%2Fwebos-apps%2Flabyrinth%2F&amp;layout=button_count&amp;show_faces=false&amp;width=&amp;action=like&amp;colorscheme=light&amp;send=false&amp;height=27" 
						scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:px; height:27px;" allowTransparency="true"></iframe></div><div class="really_simple_share_google1" style="width:90px;"><div class="g-plusone" data-size="medium" data-href="http://fabi.me/palm/webos-apps/labyrinth/" ></div></div></div>
		<div style="clear:both;"></div><p>Steuere mit Hilfe des Bewegungssensors eine Stahlkugel durch ein hölzernes Labyrinth. <span id="more-489"></span>Hört sich einfach an, aber Vorsicht vor den schwarzen Löchern! Versuche in möglichst kurzer Zeit die Kugel ins Ziel zu bringen.<br />
In dieser Lite-Version kannst du 17 Level mit ansteigendem Schwiereigkeitsgrad spielen.<br />
In der Vollversion, die bald erscheinen wird, erwarten dich eine globale Hichscoreliste, ein Leveleditor, Levelaustausch und weitere Spielobjekte!</p>
]]></content:encoded>
			<wfw:commentRss>http://fabi.me/palm/webos-apps/labyrinth/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>IE: transparente PNG Grafiken</title>
		<link>http://fabi.me/scripts-codes/internet-explorer-transparente-png-grafiken/</link>
		<comments>http://fabi.me/scripts-codes/internet-explorer-transparente-png-grafiken/#comments</comments>
		<pubDate>Mon, 25 Feb 2008 20:06:41 +0000</pubDate>
		<dc:creator>Fabi</dc:creator>
				<category><![CDATA[Scripts & Codes]]></category>
		<category><![CDATA[homepage]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[internet explorer]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[png]]></category>

		<guid isPermaLink="false">http://www.fabi-s.de/scripts-codes/internet-explorer-transparente-png-grafiken/</guid>
		<description><![CDATA[Während im Firefox transparente PNG-Grafiken mit Alphakanal fehlerfrei dargestellt werden, macht der Internet Explorer Probleme. Bei 8-Bit PNGs werden teilweise transparente Farben unsichtbar, bei 32-bittigen wird der Alphakanal überhaupt nicht beachtet. Mit einem einfachen JavaScript lässt sich die Darstellung korrigieren, wobei alle im HTML-Code eingebundenen PNG-Grafiken automatisch erkannt werden. Dafür wird der Direct-X-Filter &#8220;DXImageTransform.Microsoft.AlphaImageLoader&#8221; verwendet, [...]]]></description>
			<content:encoded><![CDATA[<div style="height:33px;" class="really_simple_share robots-nocontent snap_nopreview"><div class="really_simple_share_facebook_like" style="width:100px;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffabi.me%2Fscripts-codes%2Finternet-explorer-transparente-png-grafiken%2F&amp;layout=button_count&amp;show_faces=false&amp;width=&amp;action=like&amp;colorscheme=light&amp;send=false&amp;height=27" 
						scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:px; height:27px;" allowTransparency="true"></iframe></div><div class="really_simple_share_google1" style="width:90px;"><div class="g-plusone" data-size="medium" data-href="http://fabi.me/scripts-codes/internet-explorer-transparente-png-grafiken/" ></div></div></div>
		<div style="clear:both;"></div><p>Während im Firefox transparente PNG-Grafiken mit Alphakanal fehlerfrei dargestellt werden, macht der Internet Explorer Probleme. Bei 8-Bit PNGs werden  teilweise transparente Farben unsichtbar, bei 32-bittigen wird der Alphakanal überhaupt nicht beachtet. Mit einem einfachen JavaScript lässt sich die Darstellung korrigieren, wobei alle im HTML-Code eingebundenen PNG-Grafiken automatisch erkannt werden.</p>
<p><span id="more-26"></span>Dafür wird der Direct-X-Filter &#8220;DXImageTransform.Microsoft.AlphaImageLoader&#8221; verwendet, der den Alphakanal aus der Grafik ausließt und auf das angezeigte Bild anwendet.</p>
]]></content:encoded>
			<wfw:commentRss>http://fabi.me/scripts-codes/internet-explorer-transparente-png-grafiken/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JavaScript Remote &#8211; PC mit Browser fernsteuern</title>
		<link>http://fabi.me/tools/javascript-remote/</link>
		<comments>http://fabi.me/tools/javascript-remote/#comments</comments>
		<pubDate>Wed, 20 Feb 2008 14:13:49 +0000</pubDate>
		<dc:creator>Fabi</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[fernsteuern]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[pc]]></category>
		<category><![CDATA[remote]]></category>
		<category><![CDATA[windows]]></category>

		<guid isPermaLink="false">http://www.fabi-s.de/allgemein/javascript-remote/</guid>
		<description><![CDATA[Das Tool JavaScript Remote ermöglicht das Fernsteuern eines Windows-PCs ausschließlich über einen beliebigen Internetbrowser mit JavaScript. Der Desktop des Hosts wird als Grafik angezeigt und reagiert auf Tastatur und Mauseingaben. Das Tool wird auf dem zusteuernden Computer gestartet. Es können Benutzer mit verschiedenen Eingabe-Berechtigungen erstellt werden (Vollzugriff, nur Maus, nur Bildschirm) und die Bildqualität eingestellt [...]]]></description>
			<content:encoded><![CDATA[<div style="height:33px;" class="really_simple_share robots-nocontent snap_nopreview"><div class="really_simple_share_facebook_like" style="width:100px;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffabi.me%2Ftools%2Fjavascript-remote%2F&amp;layout=button_count&amp;show_faces=false&amp;width=&amp;action=like&amp;colorscheme=light&amp;send=false&amp;height=27" 
						scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:px; height:27px;" allowTransparency="true"></iframe></div><div class="really_simple_share_google1" style="width:90px;"><div class="g-plusone" data-size="medium" data-href="http://fabi.me/tools/javascript-remote/" ></div></div></div>
		<div style="clear:both;"></div><p>Das Tool <em>JavaScript Remote</em> ermöglicht das Fernsteuern eines Windows-PCs ausschließlich über einen beliebigen Internetbrowser mit JavaScript. Der Desktop des Hosts wird als Grafik angezeigt und reagiert auf Tastatur und Mauseingaben. <span id="more-25"></span>Das Tool wird auf dem zusteuernden Computer gestartet. Es können Benutzer mit verschiedenen Eingabe-Berechtigungen erstellt werden (Vollzugriff, nur Maus, nur Bildschirm) und die Bildqualität eingestellt werden. Damit ein Benutzer von einem anderen Computer aus zugreifen kann, muss der eingebaute HTTP-Server gestartet werden. Es kann eine beliebige Portnummer, über die die Clients die Verbindug aufnehmen können, eingestellt werden. Voraussetzung ist jedoch, dass der Port nach außen zugänglich ist, d. h. durch keine Firewall geblockt wird und Portforwarding am Router aktiviert ist. (Innerhalb eines Lokalen Netzwerks muss Portforwarding natürlich nicht aktiviert werden.)</p>
<p>Ist der Server gestartet, wird auf Clients gewartet. Diese müssen lediglich die IP-Adresse und den Port des Servers in die Adresszeile ihres Browsers eingeben und schon sollte nach einem Passwort gefragt werden. Beispielsweise hat der Server die IP 192.168.0.33 und JavaScript Remote ist auf Port 8080 eingestellt, die &#8220;Internetadresse&#8221; sieht dann so aus:<br />
<code>http://192.168.0.33:8080/</code><br />
Wer Spaß dran hat, seinen eigenen Desktop im Browser zu sehen, kann auch<br />
<code>http://locahost:8080/</code><br />
aufrufen, nachdem der Remote Server auf dem eigenen PC gestartet wurde.</p>
<p>Um eine möglichst schnelle Übertragung des Desktops zu ermöglichen, wird der Screenshot auf dem Host-PC in mehrere Stücke unterteilt, wobei nur die Bereiche an den Browser gesendet werden, deren Bild verändert wurde. Die Qualität der Bildübertragung kann am Server konfiguriert werden, wobei verschiedene Codecs verwendet werden können. Sind mehrere Aktiviert, wird das Desktop-Bild mit allen Encodern komprimiert und der mit dem besten Kompressionsfaktor verwendet.</p>
<p>Es werden sämtliche Tastatur eingaben übertragen, je nach Browser kann es jedoch vorkommen, dass die ALT und STRG-Taste lokal verarbeitet werdem und nicht an den Host gesendet werden. Bei Klicks mit der rechten Maustaste kann dies ebenfalls vorkommen.</p>
<p>Die einzige Voraussetzung für den Client Computer ist ein JavaScript-fähiger (inkl. AJAX) Browser. JS-Remote kann daher in allen Internetcafes und an WiFi-Hotspots verwendet werden, sofern der Server auf Port 80 (HTTP) gestellt ist.</p>
]]></content:encoded>
			<wfw:commentRss>http://fabi.me/tools/javascript-remote/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Javascript Schnee mit 3D Effekt &#8211; Schneeflocken</title>
		<link>http://fabi.me/scripts-codes/javascript-schnee/</link>
		<comments>http://fabi.me/scripts-codes/javascript-schnee/#comments</comments>
		<pubDate>Thu, 20 Dec 2007 14:31:03 +0000</pubDate>
		<dc:creator>Fabi</dc:creator>
				<category><![CDATA[Scripts & Codes]]></category>
		<category><![CDATA[homepage]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[schnee]]></category>
		<category><![CDATA[schneeflocken]]></category>
		<category><![CDATA[winter]]></category>

		<guid isPermaLink="false">http://www.fabi-s.de/scripts-codes/javascript-schnee/</guid>
		<description><![CDATA[Ein Java-Script, der es auf jeder HTML-Seite schneien lässt. Er unterscheidet sich jedoch von den üblichen Scripts, da er keine Grafiken verwendet und der Schnee nur in einem bestimmten Bereich auf der Seite schneit, denn eine Seite voller Schneeflocken sieht meistens ziemlich nervend aus. Die Schneeflocken haben verschiedene Größen und Fallgeschwindigkeiten, dadurch wird ein &#8220;realistischer&#8221; [...]]]></description>
			<content:encoded><![CDATA[<div style="height:33px;" class="really_simple_share robots-nocontent snap_nopreview"><div class="really_simple_share_facebook_like" style="width:100px;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffabi.me%2Fscripts-codes%2Fjavascript-schnee%2F&amp;layout=button_count&amp;show_faces=false&amp;width=&amp;action=like&amp;colorscheme=light&amp;send=false&amp;height=27" 
						scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:px; height:27px;" allowTransparency="true"></iframe></div><div class="really_simple_share_google1" style="width:90px;"><div class="g-plusone" data-size="medium" data-href="http://fabi.me/scripts-codes/javascript-schnee/" ></div></div></div>
		<div style="clear:both;"></div><p>Ein Java-Script, der es auf jeder HTML-Seite schneien lässt. Er unterscheidet sich jedoch von den üblichen Scripts, da er keine Grafiken verwendet und der <span class="wpseo_keyword">Schnee</span> nur in einem bestimmten Bereich auf der Seite schneit, denn eine Seite voller <span class="wpseo_keyword">Schneeflocken</span> sieht meistens ziemlich nervend aus. Die Schneeflocken haben verschiedene Größen und Fallgeschwindigkeiten, dadurch wird ein &#8220;realistischer&#8221; 3D-Effekt erzeugt ;-).</p>
<p><span id="more-20"></span></p>
<p>Beim Einbau des JavaScript Schnees muss einfach nur die ID des HTML-Elements (zum Beispiel ein <em>&lt;div&gt;</em>) angegeben werden und schon fällt innerhalb des Rahmens des Elements Schnee.</p>
<div class="wpfilebase-attachment">
 <div class="wpfilebase-fileicon"><a href="http://fabi.me/download/scripts/js_schnee1.2.zip" title="Download JavaScript Schnee"><img align="middle" src="http://fabi.me/wp-includes/images/crystal/archive.png" alt="JavaScript Schnee" /></a></div>
 <div class="wpfilebase-rightcol">
  <div class="wpfilebase-filetitle">
   <a href="http://fabi.me/download/scripts/js_schnee1.2.zip" title="Download JavaScript Schnee">JavaScript Schnee</a><br />
   js_schnee1.2.zip<br />
   Version: 1.2<br />
   
  </div>
  <div class="wpfilebase-filedetails" id="wpfilebase-filedetails1" style="display: none;">
  <p></p>
  <table border="0" style="border:none;">
   
   <tr><th>Autor:</th><td>Fabian Schlieper</td></tr>
   
   
   <tr><th>Kategorie:</th><td>Scripts&amp;Codes</td></tr>
   
   <tr><th>Datum:</th><td>14. Juni 2009</td></tr>
   
  </table>
  </div>
 </div>
 <div class="wpfilebase-fileinfo">
  2.2 KiB<br />
  4848 Downloads<br />
  <a href="#" onclick="return wpfilebase_filedetails(1);">Details...</a>
 </div>
 <div style="clear: both;"></div>
</div>
<p>Es können viele Einstellungen wie Farbe, Anzahl, Aussehen und Schwerkraft des JavaScript Schnee angepasst werden. Dazu einfach einen Blick in den JS-Code werfen. Dort ist alles beschrieben. Um den Javascript in eine HTML-Datei einzubinden, einfach folgendes in den head-Bereich einfügen:<br />
<code>&lt;<span class="start-tag">script</span><span class="attribute-name"> type</span>=<span class="attribute-value">"text/javascript" </span><span class="attribute-name">src</span>=<span class="attribute-value">"./schnee.js"</span>&gt;&lt;/<span class="end-tag">script</span>&gt;</code><br />
Die ID des HTML-Elements kann in der JS-Datei angepasst werden. Standard ist die ID &#8220;winter&#8221;. Wenn man es auf der gesamten Seite schneien lassen möchte, kann man dem HTML Body die ID &#8220;winter&#8221; geben:<br />
<code>&lt;body id="winter"&gt;</code><br />
Eine Beispieldatei ist enthalten, <a href="/misc/winter.html" target="_blank">hier gibt es eine Demo</a> des JavaScript Schnee.</p>
<ul>
<li>viele Einstellungen des JavaScript Schnee, die in der JS-Datei angepasst werden können</li>
<li>hohe Vielseitigkeit der Schneeflocken, da Farbe, Größe und Schriftart zufällig gewählt werden</li>
<li>Verursacht kaum Traffic, da keine Grafiken verwendet werden</li>
<li>Verbraucht wenig Browser-Resourcen</li>
</ul>
<p>Wer zu faul ist, den &lt;script&gt; Code jedes Jahr wieder an die richtige Stelle zusetzen, kann folgenden PHP-Code Verwenden:</p>
<p><code>&lt;?php $month = (int)date('n'); if($month == 12 || $month == 1) { ?&gt;<br />
&lt;script type="text/javascript" src="./schnee.js"&gt;&lt;/script&gt;<br />
&lt;?php } ?&gt;</code></p>
<p>Dieser lässt es dann automatisch im Dezember und Januar schneien!</p>
]]></content:encoded>
			<wfw:commentRss>http://fabi.me/scripts-codes/javascript-schnee/feed/</wfw:commentRss>
		<slash:comments>56</slash:comments>
		</item>
	</channel>
</rss>

