<?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>Apfelkuh.de &#187; Scripting</title>
	<atom:link href="http://www.apfelkuh.de/category/scripting/feed" rel="self" type="application/rss+xml" />
	<link>http://www.apfelkuh.de</link>
	<description>think &#60;div&#62;erent</description>
	<lastBuildDate>Wed, 28 Apr 2010 12:30:45 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Facebook-API Like-Button und Open Graph Protokoll</title>
		<link>http://www.apfelkuh.de/827/facebook-api-like-button-und-open-graph-protokoll</link>
		<comments>http://www.apfelkuh.de/827/facebook-api-like-button-und-open-graph-protokoll#comments</comments>
		<pubDate>Tue, 27 Apr 2010 09:23:53 +0000</pubDate>
		<dc:creator>Manuel Graf</dc:creator>
				<category><![CDATA[Scripting]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Social Media]]></category>

		<guid isPermaLink="false">http://www.apfelkuh.de/?p=827</guid>
		<description><![CDATA[
        
            
        
        
        
    Die neue API von Facebook macht es [...]

<div class="fadeRule"></div><h3>Ähnliche Artikel:</h3>
<ul><li><a href='http://www.apfelkuh.de/417/wenn-steve-jobs-und-bill-gates-facebook-profile-hatten' rel='bookmark' title='Permanent Link: Wenn Steve Jobs und Bill Gates Facebook Profile hätten&#8230;'>Wenn Steve Jobs und Bill Gates Facebook Profile hätten&#8230;</a></li>
<li><a href='http://www.apfelkuh.de/242/macbook-trackpad-customization-multiclutch' rel='bookmark' title='Permanent Link: Macbook Trackpad Customization : MultiClutch'>Macbook Trackpad Customization : MultiClutch</a></li>
<li><a href='http://www.apfelkuh.de/429/10-unabdingbare-firefox-plugins-fur-web-developer' rel='bookmark' title='Permanent Link: 10+ unabdingbare Firefox Addons für Web Developer'>10+ unabdingbare Firefox Addons für Web Developer</a></li>
<div class="fadeRule"></div><h3>Ähnliche Artikel:</h3>
<ul>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.apfelkuh.de/827/facebook-api-like-button-und-open-graph-protokoll"><span class="imageFrame"><br />
        <span class="image"><br />
            <img src="http://www.apfelkuh.de/wp-content/uploads/fblike.jpg" alt="Facebook like/ gefällt mir button Plugin" title="fblike" width="100" height="100" class="alignnone size-full wp-image-836" /><br />
        </span><br />
        <span class="overlay"><br />
        </span><br />
    </span></a><strong><strong>Die neue <a href="http://developers.facebook.com/plugins" class="previewlink" title="Social Media Like/ gefällt mir Plugins von Facebook">API von Facebook</a> macht es Webdevelopern nun leicht Like-,Kommentar oder auch Feed-Funktionalität einfach per iframe oder <a href="http://wiki.developers.facebook.com/index.php/XFBML" class="previewlink" title="Facebook API Markup">XFBML</a> und <a href="http://developers.facebook.com/docs/reference/javascript/"  class="previewlink" title="Facebook API Javascript Software Developer Kit">Javascript SDK</a></strong><br />
<span id="more-827"></span></p>
<h4>Beispiele:</h4>
<p><a href="http://developers.facebook.com/docs/reference/plugins/like" title="Facebook API like/ gefällt mir Button Plugin">Like / Gefällt mir</a></p>
<p>
    <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.apfelkuh.de&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:90px"></iframe>
</p>
<p><strong>Code:</strong></p>
<p class="source">
<p class="source">&lt;iframe src=&quot;http://www.facebook.com/plugins/like.php?href=http%3A%2F%2F<strong>www.deine_seite.de</strong>&amp;amp;layout=standard&amp;amp;show_faces=true&amp;amp;width=450&amp;amp;action=like&amp;amp;colorscheme=light&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; allowTransparency=&quot;true&quot; style=&quot;border:none; overflow:hidden; width:450px; height:px&quot;&gt;&lt;/iframe&gt;</p>
<p class="source">oder per XFBML (ben&ouml;tigt das Javascript SDK und den korrekten Doctype)</p>
<p class="source">&lt;fb:like href=&quot;<strong>http://www.deine_seite.de/</strong>&quot; layout=&quot;standard&quot; show_faces=&quot;true&quot; width=&quot;450&quot; action=&quot;like&quot; colorscheme=&quot;light&quot; /&gt;&lt;iframe src=&quot;http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.apfelkuh.de&amp;amp;layout=standard&amp;amp;show_faces=true&amp;amp;width=450&amp;amp;action=like&amp;amp;colorscheme=light&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; allowTransparency=&quot;true&quot; style=&quot;border:none; overflow:hidden; width:450px; height:px&quot;&gt;&lt;/iframe&gt;</p>
</p>
<p>
    <a href="http://developers.facebook.com/docs/reference/plugins/activity" title="Facebook Activity Feed/ Aktivitäten Plugin">Activity Feed / Aktivitäten</a>
</p>
<p><iframe src="http://www.facebook.com/plugins/activity.php?site=www.apfelkuh.de&amp;width=300&amp;height=300&amp;header=true&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:300px; height:300px"></iframe></p>
<p class="source">&lt;iframe src=&quot;http://www.facebook.com/plugins/activity.php?site=<strong>deine-seite.de</strong>&amp;amp;width=300&amp;amp;height=300&amp;amp;header=true&amp;amp;colorscheme=light&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; allowTransparency=&quot;true&quot; style=&quot;border:none; overflow:hidden; width:300px; height:300px&quot;&gt;&lt;/iframe&gt;</p>
<p class="source">oder per XFBML (ben&ouml;tigt das Javascript SDK und den korrekten Doctype)</p>
<p class="source">&lt;fb:activity site=&quot;<strong>developers.facebook.com</strong>&quot; width=&quot;300&quot; height=&quot;300&quot; header=&quot;true&quot; colorscheme=&quot;light&quot; /&gt;</p>
<p>weitere Facebook API Plugins zum einfachen Einbauen in Eure Webseite findet Ihr in der <a href="http://developers.facebook.com/plugins" class="previewlink" title="Social Media Like/ gefällt mir Plugins von Facebook">API von Facebook</a></p>


<div class="fadeRule"></div><h3>Ähnliche Artikel:</h3><p><ul><li><a href='http://www.apfelkuh.de/417/wenn-steve-jobs-und-bill-gates-facebook-profile-hatten' rel='bookmark' title='Permanent Link: Wenn Steve Jobs und Bill Gates Facebook Profile hätten&#8230;'>Wenn Steve Jobs und Bill Gates Facebook Profile hätten&#8230;</a></li>
<li><a href='http://www.apfelkuh.de/242/macbook-trackpad-customization-multiclutch' rel='bookmark' title='Permanent Link: Macbook Trackpad Customization : MultiClutch'>Macbook Trackpad Customization : MultiClutch</a></li>
<li><a href='http://www.apfelkuh.de/429/10-unabdingbare-firefox-plugins-fur-web-developer' rel='bookmark' title='Permanent Link: 10+ unabdingbare Firefox Addons für Web Developer'>10+ unabdingbare Firefox Addons für Web Developer</a></li>
<div class="fadeRule"></div><h3>Ähnliche Artikel:</h3><p><ul>]]></content:encoded>
			<wfw:commentRss>http://www.apfelkuh.de/827/facebook-api-like-button-und-open-graph-protokoll/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SVN Revert zu einer früheren Revision</title>
		<link>http://www.apfelkuh.de/816/svn-revert-zu-einer-fruheren-revision</link>
		<comments>http://www.apfelkuh.de/816/svn-revert-zu-einer-fruheren-revision#comments</comments>
		<pubDate>Fri, 19 Feb 2010 13:39:10 +0000</pubDate>
		<dc:creator>Manuel Graf</dc:creator>
				<category><![CDATA[Scripting]]></category>
		<category><![CDATA[bash]]></category>
		<category><![CDATA[Unix]]></category>

		<guid isPermaLink="false">http://www.apfelkuh.de/816/svn-revert-zu-einer-fruheren-revision</guid>
		<description><![CDATA[Man könnte meinen, dass der Befehl svn revert genau jenes macht. Dem ist jedoch nicht so, da SVN revert leider nur die lokalen Änderungen wegschmeisst. Die einfachste Lösung um wirklich zu reverten ist – ganz klar – svn update -r … :
SVN Revert to a previous Revision.
Einfach ins Terminal oder in eine sonstige bash-konsole folgendes [...]

<div class="fadeRule"></div><h3>Ähnliche Artikel:</h3>
<ul><li><a href='http://www.apfelkuh.de/110/11-arten-user-interfaces-mit-mootols-zu-verschonern' rel='bookmark' title='Permanent Link: 11 Arten User-Interfaces mit Mootools zu verschönern'>11 Arten User-Interfaces mit Mootools zu verschönern</a></li>
<li><a href='http://www.apfelkuh.de/789/write-less-css-zeitsparendes-webdesign' rel='bookmark' title='Permanent Link: Write less-CSS: zeitsparendes Webdesign'>Write less-CSS: zeitsparendes Webdesign</a></li>
<li><a href='http://www.apfelkuh.de/754/trick-17-css-transparenz-fuer-alle-browse' rel='bookmark' title='Permanent Link: Trick 17: CSS-Transparenz für alle Browsertypen'>Trick 17: CSS-Transparenz für alle Browsertypen</a></li>
<div class="fadeRule"></div><h3>Ähnliche Artikel:</h3>
<ul>]]></description>
			<content:encoded><![CDATA[<p><strong>Man könnte meinen, dass der Befehl svn revert genau jenes macht. Dem ist jedoch nicht so, da SVN revert leider nur die lokalen Änderungen wegschmeisst. Die einfachste Lösung um wirklich zu reverten ist – ganz klar – <em>svn update -r</em> … :</strong></p>
<p>SVN Revert to a previous Revision.</p>
<p>Einfach ins Terminal oder in eine sonstige bash-konsole folgendes eingeben.<br />
<script src="http://pastie.org/832660.js"></script></p>
<p>Will ich also von der Revision 13  auf 10 herunter schreibe ich</p>
<p><script src='http://pastie.org/832677.js'></script></p>
<p>Das updated jedoch nur die Working Copy, die dann noch commited werden muss.</p>
<p>Sollte garnichts mehr gehen hilft nur ein<br />
svn merge [Revision working copy]:[gewünschte Revision] [File]</p>
<p>Mein Tip für alle Coder, die sich überlegen svn zu benutzen:</p>
<p><a class="previewlink" href="http://git-scm.com/">GIT version Control</a></p>


<div class="fadeRule"></div><h3>Ähnliche Artikel:</h3><p><ul><li><a href='http://www.apfelkuh.de/110/11-arten-user-interfaces-mit-mootols-zu-verschonern' rel='bookmark' title='Permanent Link: 11 Arten User-Interfaces mit Mootools zu verschönern'>11 Arten User-Interfaces mit Mootools zu verschönern</a></li>
<li><a href='http://www.apfelkuh.de/789/write-less-css-zeitsparendes-webdesign' rel='bookmark' title='Permanent Link: Write less-CSS: zeitsparendes Webdesign'>Write less-CSS: zeitsparendes Webdesign</a></li>
<li><a href='http://www.apfelkuh.de/754/trick-17-css-transparenz-fuer-alle-browse' rel='bookmark' title='Permanent Link: Trick 17: CSS-Transparenz für alle Browsertypen'>Trick 17: CSS-Transparenz für alle Browsertypen</a></li>
<div class="fadeRule"></div><h3>Ähnliche Artikel:</h3><p><ul>]]></content:encoded>
			<wfw:commentRss>http://www.apfelkuh.de/816/svn-revert-zu-einer-fruheren-revision/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bash ssh: Nach dem verbinden Befehle ausführen</title>
		<link>http://www.apfelkuh.de/759/bash-ssh-nach-dem-verbinden-befehle-ausfuhren</link>
		<comments>http://www.apfelkuh.de/759/bash-ssh-nach-dem-verbinden-befehle-ausfuhren#comments</comments>
		<pubDate>Tue, 29 Sep 2009 19:49:35 +0000</pubDate>
		<dc:creator>Manuel Graf</dc:creator>
				<category><![CDATA[Scripting]]></category>
		<category><![CDATA[bash]]></category>

		<guid isPermaLink="false">http://www.apfelkuh.de/?p=759</guid>
		<description><![CDATA[Ich arbeite persönlich sehr gerne mit dem Terminal, unter anderem ist dies auch notwendig um per ssh Verbindung zu Linux-Servern aufzunehmen und dort Programme auszuführen etc.
da ich nicht immer den kompletten Server und Pfad etc angeben will um sich wiederholende Tasks immer wieder auszuführen lege ich mir hierfür ein bash-Alias in dem Dokument /Users/Manuel/.bash_profile (welches [...]

<div class="fadeRule"></div><h3>Ähnliche Artikel:</h3>
<ul><li><a href='http://www.apfelkuh.de/816/svn-revert-zu-einer-fruheren-revision' rel='bookmark' title='Permanent Link: SVN Revert zu einer früheren Revision'>SVN Revert zu einer früheren Revision</a></li>
<li><a href='http://www.apfelkuh.de/335/alle-mac-os-x-keyboard-shortcuts' rel='bookmark' title='Permanent Link: Alle Mac OS X  Keyboard Shortcuts'>Alle Mac OS X  Keyboard Shortcuts</a></li>
<li><a href='http://www.apfelkuh.de/67/nutzliche-hinweis-klasse-in-css' rel='bookmark' title='Permanent Link: Nützliche Hinweis-Klasse in CSS'>Nützliche Hinweis-Klasse in CSS</a></li>
<div class="fadeRule"></div><h3>Ähnliche Artikel:</h3>
<ul>]]></description>
			<content:encoded><![CDATA[<p><strong>Ich arbeite persönlich sehr gerne mit dem Terminal, unter anderem ist dies auch notwendig um per ssh Verbindung zu Linux-Servern aufzunehmen und dort Programme auszuführen etc.</strong></p>
<p>da ich nicht immer den kompletten Server und Pfad etc angeben will um sich wiederholende Tasks immer wieder auszuführen lege ich mir hierfür ein bash-Alias in dem Dokument /Users/Manuel/.bash_profile (welches man meistens erst einmal erstellen muss) an:<br />
<span id="more-759"></span></p>
<p><script src='http://pastie.org/635547.js'></script></p>
<p>Allerdings hat man auf dem Server meistens etwas konkretes vor, zum Beispiel ein bestimmtes script ausführen. Um nun nicht jedes mal connecten und dann händisch ein script ausführen zu müssen, beinhaltet bash ssh die möglichkeit Commands als Parameter mit zu geben, die dann nach Verbindungsaufbau automatisch ausgeführt werden.</p>
<p>Will ich also im Terminal nurnoch &#8216;restart&#8217; tippen, um auf den server zu connecten und das script /scripts/restart_server auszuführen lege ich mir folgendes bash Alias an :</p>
<p><script src='http://pastie.org/635573.js'></script></p>
<p>Nun muss nurnoch  das bash_profile gespeichert und ein neues Terminal-Fenster/Tab geöffnet werden. Nun wird man bei Aufruf von &#8216;restart&#8217; mit dem Server &#8216;my.awesomeserver.de&#8217; mit dem Usernamen &#8216;User&#8217; verbunden, wechselt in den Ordner &#8216;/scripts&#8217; und führt dann dort das script &#8216;restart_server&#8217; aus.</p>
<p>So einfach gehts!</p>


<div class="fadeRule"></div><h3>Ähnliche Artikel:</h3><p><ul><li><a href='http://www.apfelkuh.de/816/svn-revert-zu-einer-fruheren-revision' rel='bookmark' title='Permanent Link: SVN Revert zu einer früheren Revision'>SVN Revert zu einer früheren Revision</a></li>
<li><a href='http://www.apfelkuh.de/335/alle-mac-os-x-keyboard-shortcuts' rel='bookmark' title='Permanent Link: Alle Mac OS X  Keyboard Shortcuts'>Alle Mac OS X  Keyboard Shortcuts</a></li>
<li><a href='http://www.apfelkuh.de/67/nutzliche-hinweis-klasse-in-css' rel='bookmark' title='Permanent Link: Nützliche Hinweis-Klasse in CSS'>Nützliche Hinweis-Klasse in CSS</a></li>
<div class="fadeRule"></div><h3>Ähnliche Artikel:</h3><p><ul>]]></content:encoded>
			<wfw:commentRss>http://www.apfelkuh.de/759/bash-ssh-nach-dem-verbinden-befehle-ausfuhren/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Best practise: isOdd oder isEven in Actionscript 3.0</title>
		<link>http://www.apfelkuh.de/221/isodd-or-iseven-in-actionscript3</link>
		<comments>http://www.apfelkuh.de/221/isodd-or-iseven-in-actionscript3#comments</comments>
		<pubDate>Wed, 20 May 2009 13:07:54 +0000</pubDate>
		<dc:creator>Manuel Graf</dc:creator>
				<category><![CDATA[Scripting]]></category>
		<category><![CDATA[Actionscript 3.0]]></category>

		<guid isPermaLink="false">http://www.apfelkuh.de/?p=221</guid>
		<description><![CDATA[Ich habe neulich in Actionscript 3.0 eine Funktion gesucht, mit der ich ganz simpel herausfinde ob eine Zahl gerade oder ungerade ist. In den meisten Programmiersprachen gibt es die Funktionen isEven und isOdd ja. Actionscript nicht.
Ich bin dann aber schlussendlich doch noch fündig geworden. Die eine Methode ist, mit einem Modulo den Rest der Teilung [...]

<div class="fadeRule"></div><h3>Ähnliche Artikel:</h3>
<ul><li><a href='http://www.apfelkuh.de/147/actionscript-20-vs-30' rel='bookmark' title='Permanent Link: Actionscript: 2.0 vs 3.0'>Actionscript: 2.0 vs 3.0</a></li>
<li><a href='http://www.apfelkuh.de/789/write-less-css-zeitsparendes-webdesign' rel='bookmark' title='Permanent Link: Write less-CSS: zeitsparendes Webdesign'>Write less-CSS: zeitsparendes Webdesign</a></li>
<li><a href='http://www.apfelkuh.de/171/wohin-schauen-user-zuerst' rel='bookmark' title='Permanent Link: Wohin schauen User zuerst? Heatmapping mit Feng-GUI'>Wohin schauen User zuerst? Heatmapping mit Feng-GUI</a></li>
<div class="fadeRule"></div><h3>Ähnliche Artikel:</h3>
<ul>]]></description>
			<content:encoded><![CDATA[<p><strong>Ich habe neulich in Actionscript 3.0 eine Funktion gesucht, mit der ich ganz simpel herausfinde ob eine Zahl gerade oder ungerade ist. In den meisten Programmiersprachen gibt es die Funktionen isEven und isOdd ja. Actionscript nicht.</strong></p>
<p>Ich bin dann aber schlussendlich doch noch fündig geworden. Die eine Methode ist, mit einem Modulo den Rest der Teilung durch 2 zu ermitteln: (num % 2) == 1 -> odd<br />
Eine aber eine i.d.R. doppelt so schnelle Methode hingegen ist wenn man bitweise operiert: <span id="more-221"></span></p>
<p><script src='http://pastie.org/581099.js'></script></p>
<p>Das ganze Funktioniert einfach dadurch, dass der Modolo-Term den <strong>Rest</strong> der Gleichung ausgibt. bei x % 2 kommt also entweder der Rest 1 (bei ungeraden Zahlen) oder der Rest 0 (bei geraden Zahlen) heraus.</p>
<p>23 % 2 = 1 (23/2 = 11 <strong>Rest 1</strong>)<br />
2050 % 2 = 0 (2050 / 2 = <strong>1025 Rest 0</strong>)<br />
&#8230; usw</p>


<div class="fadeRule"></div><h3>Ähnliche Artikel:</h3><p><ul><li><a href='http://www.apfelkuh.de/147/actionscript-20-vs-30' rel='bookmark' title='Permanent Link: Actionscript: 2.0 vs 3.0'>Actionscript: 2.0 vs 3.0</a></li>
<li><a href='http://www.apfelkuh.de/789/write-less-css-zeitsparendes-webdesign' rel='bookmark' title='Permanent Link: Write less-CSS: zeitsparendes Webdesign'>Write less-CSS: zeitsparendes Webdesign</a></li>
<li><a href='http://www.apfelkuh.de/171/wohin-schauen-user-zuerst' rel='bookmark' title='Permanent Link: Wohin schauen User zuerst? Heatmapping mit Feng-GUI'>Wohin schauen User zuerst? Heatmapping mit Feng-GUI</a></li>
<div class="fadeRule"></div><h3>Ähnliche Artikel:</h3><p><ul>]]></content:encoded>
			<wfw:commentRss>http://www.apfelkuh.de/221/isodd-or-iseven-in-actionscript3/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>6 Javascript Notifications für Mootools,Prototype und jQuery</title>
		<link>http://www.apfelkuh.de/340/6-javascript-notifications-fur-mootoolsprototype-und-jquery</link>
		<comments>http://www.apfelkuh.de/340/6-javascript-notifications-fur-mootoolsprototype-und-jquery#comments</comments>
		<pubDate>Thu, 26 Mar 2009 12:45:11 +0000</pubDate>
		<dc:creator>Manuel Graf</dc:creator>
				<category><![CDATA[Scripting]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Mootools]]></category>
		<category><![CDATA[Prototype]]></category>

		<guid isPermaLink="false">http://www.apfelkuh.de/?p=340</guid>
		<description><![CDATA[

	window.addEvent('domready',function(){
		var roarexample = new Roar({
			position: 'upperRight',
			duration:2000
		});
		$('example').addEvent('click',function(el){
			roarexample.alert('Apfelkuhs Growl Notification','Hier steht etwas beliebiges');
			return false;
		});
	})


		

		
		
		
	Für alle die ihre kleinen Systemnachrichten wie in Growl OSX im Web vermissen vermissen. Hier eine kleine Sammlung der gängigsten Javascript Notification Plugins für die drei großen Javascript-Frameworks jQuery, Prototype (Scriptaculous) und Mootools.
&#8220;Was zum Teufel sind Javascript Notifications? Und was ist bitteschön Growl?&#8221; &#8211; [...]

<div class="fadeRule"></div><h3>Ähnliche Artikel:</h3>
<ul><li><a href='http://www.apfelkuh.de/110/11-arten-user-interfaces-mit-mootols-zu-verschonern' rel='bookmark' title='Permanent Link: 11 Arten User-Interfaces mit Mootools zu verschönern'>11 Arten User-Interfaces mit Mootools zu verschönern</a></li>
<li><a href='http://www.apfelkuh.de/629/100-inspirierende-logodesigns-teil-4' rel='bookmark' title='Permanent Link: 100 inspirierende Logodesigns &#8211; Teil 4'>100 inspirierende Logodesigns &#8211; Teil 4</a></li>
<li><a href='http://www.apfelkuh.de/248/apfelkuh-keycode-finder' rel='bookmark' title='Permanent Link: Apfelkuh KeyCode Finder'>Apfelkuh KeyCode Finder</a></li>
<div class="fadeRule"></div><h3>Ähnliche Artikel:</h3>
<ul>]]></description>
			<content:encoded><![CDATA[<p><script src="/lib/moogrowl121/growl.js" type="text/javascript" charset="utf-8"></script><br />
<script type="text/javascript" charset="utf-8">
	window.addEvent('domready',function(){
		var roarexample = new Roar({
			position: 'upperRight',
			duration:2000
		});
		$('example').addEvent('click',function(el){
			roarexample.alert('Apfelkuhs Growl Notification','Hier steht etwas beliebiges');
			return false;
		});
	})
</script><br />
<a href="http://www.apfelkuh.de/340/6-javascript-notifications"><span class="imageFrame"><br />
		<span class="image"><br />
<img src="http://www.apfelkuh.de/wp-content/uploads/growl.png" alt="6 Javascript Growl Notifications für Mootools, Prototype und jQuery" title="6 Javascript Growl Notifications für Mootools, Prototype und jQuery" width="100" height="100" class="alignnone size-full wp-image-341" /><br />
		</span><br />
		<span class="overlay"><br />
		</span><br />
	</span></a><strong>Für alle die ihre kleinen Systemnachrichten wie in <a href="http://growl.info/" class="previewlink">Growl OSX</a> im Web vermissen vermissen. Hier eine kleine Sammlung der gängigsten Javascript Notification Plugins für die drei großen Javascript-Frameworks jQuery, Prototype (Scriptaculous) und Mootools.</strong></p>
<p>&#8220;Was zum Teufel sind Javascript Notifications? Und was ist bitteschön Growl?&#8221; &#8211; Ein einfaches Beispiel: <a href="#" id="example">Klick mich so oft du willst!</a></p>
<p><span id="more-340"></span><br />
<script src="/demos/growlTest.js" type="text/javascript" charset="utf-8"></script><br />
<br/><br/><a href="http://www.mootools.net"><img src="http://www.apfelkuh.de/wp-content/uploads/mootools.png" alt="MooTools JavaScript Framework" title="MooTools JavaScript Framework" width="184" height="46" class="aligncenter size-full wp-image-343" /></a></p>
<h3>Mootools</h3>
<p><strong>Window Growl (ab Mootools 1.1)</strong><br />
Da ich selber hier aus nostalgischen Gründen Mootools benutze zuerst einmal die js Notification Plugins für Mootools<br />
Die Version stammt ursprünglich von <a href="http://icebeat.bitacoras.com/mootools/growl/1.1.html" class="previewlink">Daniel Mota (für Mootools 1.1 oder 1.2.2b)</a>, jedoch haben Kai König und ich von <a href="http://www.apfelkuh.de/" class="previewlink">Apfelkuh.de</a> diesen auch für Mootools 1.2 verwendbar gemacht, allerdings nur mit einem Style.(<a href="/material/moogrowl.zip">download for Mootools 1.2.1</a>)<br />
+ super leichtgewichtig<br />
+ man kann ein Icon übergeben<br />
++ zentrierte growls (nicht in unserer version für 1.2.1)<br />
- man kann nur eine Überschrift, einen Text, ein Icon und eine Zeitspanne mitgeben<br />
- keine Sticky Notes<br />
- nur zwei Zeilen Text, sonst läuft der Text über den unteren Rand hinaus<br />
- man kann den Style nicht mitgeben und nur das Hintergrundbild ändern.<br />
- keine Callbacks<br />
<a href="#" id="smoke2">DEMO</a></p>
<p><strong><a href="http://digitarald.de/project/roar/" class="previewlink">Roar (Mootools 1.2)</a></strong><br />
Roar von <a href="http://digitarald.de/" class="previewlink"> Harald K (digitarald.de)</a> ist ein sehr vielseitiges Notification-Tool, das Browserunabhängig funktioniert und verchiedene Modi hat.<br />
+ man kann eine CSS-klasse mitgeben<br />
+ man kann die Growls an einer beliebigen Ecke erscheinen lassen<br />
+ Zeitgesteuerte Events und &#8220;Never Ending Feed&#8221;<br />
+ Callbacks<br />
- man kann kein Icon mitgeben (nur per CSS).<br />
<a href="#" id="smoke">DEMO: Rechte untere Ecke</a></p>
<input id="demo-control" type="checkbox" value="0"/> DEMO: checken um &#8216;Never Ending Feed&#8217; zu testen</p>
<p><br/><br/><a href="http://jquery.com/"><img src="http://www.apfelkuh.de/wp-content/uploads/jquery-logo.png" alt="jQuery JavaScript Framework" title="jQuery JavaScript Framework" width="259" height="65" class="aligncenter size-full wp-image-342" /></a></p>
<h3>jQuery</h3>
<p><strong><a href="http://kitchen.net-perspective.com/open-source/purr/" class="previewlink">jQuery Purr</a></strong><br />
Die Jungs von <a href="http://kitchen.net-perspective.com/" class="previewlink"> The Kitchen</a> haben das Plugin jQuery Purr geschrieben. (benötigt jQuery 1.2.6) Es läuft auf IE7+, FF 2+, Safari 3+ (Win) und Opera 9+<br />
+ Stickies<br />
+ Icons<br />
++ Voll Einstellbar: Übergänge, Styles, Bilder</p>
<p><strong><a href="http://www.stanlemon.net/projects/jgrowl.html" class="previewlink"></a>jGrowl</strong><br />
Eine der bisher besten Lösungen bisher erschien mir jGrowl von <a href="http://www.stanlemon.net" class="previewlink">stanlemon.net</a><br />
+ Stickies<br />
+ &#8220;Close All&#8221; &#8211; Feature<br />
+ Themes<br />
++ man kann Callbacks erzeugen / vor dem verschwinden Javascript evaluieren<br />
- nicht &#8220;intensiv&#8221; getestet</p>
<p><br/><br/><a href="http://www.prototypejs.org/"><img src="http://www.apfelkuh.de/wp-content/uploads/prototype.gif" alt="Prototype JavaScript Framework" title="Prototype JavaScript Framework" width="143" height="65" class="aligncenter size-full wp-image-344" /></a></p>
<h3>Prototype</h3>
<p><strong><a href="http://examples.kevinandre.com/growler1.0.0/index.html" class="previewlink">Growler</a></strong><br />
<a href="http://kevinandre.com/" class="previewlink">Kevin Andre</a> hat dieses power-plugin für Prototype geschrieben. Es kann eigentlich alles was man sich für ein Notification System wünscht. Es gibt 4 vorgefertigte Themes für Notifications, Stickies, CSS-Implementierung, Eventhandling&#8230; (benötigt prototype 1.6 und scriptaculous 1.8.1 effects).<br />
+ Einstellbare Styles per CSS<br />
+ Callbacks / Events<br />
+ etliche Arten von verschiedenen Notifications<br />
- /</p>
<p><strong><a href="http://goforplatin.bplaced.de/GoforPlatin:Growl" class="previewlink">GoForPlatin Growl</a></strong><br />
+ Scrolling<br />
+ Hover<br />
- alles andere nicht<br />
- keine Callbacks<br />
- keine Icons<br />
- keine CSS-Unterstützung</p>


<div class="fadeRule"></div><h3>Ähnliche Artikel:</h3><p><ul><li><a href='http://www.apfelkuh.de/110/11-arten-user-interfaces-mit-mootols-zu-verschonern' rel='bookmark' title='Permanent Link: 11 Arten User-Interfaces mit Mootools zu verschönern'>11 Arten User-Interfaces mit Mootools zu verschönern</a></li>
<li><a href='http://www.apfelkuh.de/629/100-inspirierende-logodesigns-teil-4' rel='bookmark' title='Permanent Link: 100 inspirierende Logodesigns &#8211; Teil 4'>100 inspirierende Logodesigns &#8211; Teil 4</a></li>
<li><a href='http://www.apfelkuh.de/248/apfelkuh-keycode-finder' rel='bookmark' title='Permanent Link: Apfelkuh KeyCode Finder'>Apfelkuh KeyCode Finder</a></li>
<div class="fadeRule"></div><h3>Ähnliche Artikel:</h3><p><ul>]]></content:encoded>
			<wfw:commentRss>http://www.apfelkuh.de/340/6-javascript-notifications-fur-mootoolsprototype-und-jquery/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
