<?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>Mon, 06 Feb 2012 16:01:45 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Unix: Directories bookmarken mit alias und jump</title>
		<link>http://www.apfelkuh.de/845/unix-directories-bookmarken-mit-alias-und-jump</link>
		<comments>http://www.apfelkuh.de/845/unix-directories-bookmarken-mit-alias-und-jump#comments</comments>
		<pubDate>Wed, 13 Jul 2011 14:55:38 +0000</pubDate>
		<dc:creator>Manuel Graf</dc:creator>
				<category><![CDATA[Scripting]]></category>
		<category><![CDATA[Unix]]></category>

		<guid isPermaLink="false">http://www.apfelkuh.de/?p=845</guid>
		<description><![CDATA[Mit Directories – also Verzeichnissen – arbeiten ist ein Muss für jeden Programmierer und kann teilweise recht nervig werden, wenn lange Pfadnamen immer wieder eingegeben müssen. Hier nun zwei Beispiele für eine effizientere Bewegung im directory-tree in der Console von Mac OS und Linux. 1. Alias in dem File /etc/bash_rc oder ~/.bash_profile könnt ihr commands [...]

<div class="fadeRule"></div><h3>Ähnliche Artikel:</h3>
<ul><li><a href='http://www.apfelkuh.de/759/bash-ssh-nach-dem-verbinden-befehle-ausfuhren' rel='bookmark' title='Permanent Link: Bash ssh: Nach dem verbinden Befehle ausführen'>Bash ssh: Nach dem verbinden Befehle ausführen</a></li>
<li><a href='http://www.apfelkuh.de/868/sml-on-mac-osx-incl-textmate-bundle' rel='bookmark' title='Permanent Link: SML on Mac OSX (incl. TextMate Bundle)'>SML on Mac OSX (incl. TextMate Bundle)</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[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.apfelkuh.de%2F845%2Funix-directories-bookmarken-mit-alias-und-jump"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.apfelkuh.de%2F845%2Funix-directories-bookmarken-mit-alias-und-jump&amp;source=Apfelkuh_de&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Mit Directories – also Verzeichnissen – arbeiten ist ein Muss für jeden Programmierer und kann teilweise recht nervig werden, wenn lange Pfadnamen immer wieder eingegeben müssen. Hier nun zwei Beispiele für eine effizientere Bewegung im directory-tree in der Console von Mac OS und Linux.</p>
<p>1. Alias<br />
in dem File /etc/bash_rc oder ~/.bash_profile könnt ihr commands hinterlegen, die ausgeführt werden wenn eine unix-shell geöffnet wird. Wir sehen uns nun den Command &#8220;alias&#8221; an, mit dem man komplexere Aufrufe durch kurze ersetzen kann</p>
<p>alias projects=&#8221;cd /Users/johndoe/Documents/projects&#8221;<br />
alias ls=&#8221;ls -la&#8221;</p>
<p>wir definieren also eine anweisung &#8220;cd /Users/johndoe/Documents/projects&#8221; die ab sofort allein durch schreiben des Befehls &#8220;projects&#8221; in der shell ausgeführt wird. Wir haben uns also das &#8220;Bookmark&#8221; &#8216;projects&#8217; erstellt. Dasselbe funktioniert auch mit anderen Befehlen oder Befehlsketten (getrennt durch ; ), wie ich hier mit dem Befehl list directory contents (ls) demonstriert habe</p>
<p>2. <a href="https://github.com/joelthelion/autojump/wiki">&#8220;AutoJump&#8221; on GitHub</a><br />
Wenn man jedoch ständig wechselnde Projekte hat (Uni-Übungsaufgaben z.B.) empfielht sich eine intelligente commandline-bookmarking-utility: Jump.<br />
Jump merkt sich bei jedem Directory Change (cd ./Users/johndoe/Documents/projects) den Pfad und sortiert sie anschliessend  nach Häufigkeit.<br />
Abrufen kann man diese Bookmarks schliesslich mit einem String, der den Namen oder einen Teil des Namens des Ordners enthält, also auch einfch mit einem Wort welches im Pfad vorkommt.<br />
Schreiben wir also nach dem cd oben<br />
<code>j projects<br />
oder<br />
j proj</code><br />
landen wir im Verzeichnis &#8220;/Users/johndoe/Documents/projects&#8221;. Wollt ihr also zu einem bestimmten Verzeichnis, müsst ihr nur den Namen des Verzeichnisses Wissen (falls er eindeutig ist). Solltet ihr nicht mehr genau wissen, schreibt die Zeichenfolge bei der Ihr euch sicher seid und drückt <strong>Tab (->|)</strong>. Falls ein eindeutiger Match dabei herauskommt fügt jump den kompletten Pfad statt eurem Kürzel ein.</p>


<div class="fadeRule"></div><h3>Ähnliche Artikel:</h3><p><ul><li><a href='http://www.apfelkuh.de/759/bash-ssh-nach-dem-verbinden-befehle-ausfuhren' rel='bookmark' title='Permanent Link: Bash ssh: Nach dem verbinden Befehle ausführen'>Bash ssh: Nach dem verbinden Befehle ausführen</a></li>
<li><a href='http://www.apfelkuh.de/868/sml-on-mac-osx-incl-textmate-bundle' rel='bookmark' title='Permanent Link: SML on Mac OSX (incl. TextMate Bundle)'>SML on Mac OSX (incl. TextMate Bundle)</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/845/unix-directories-bookmarken-mit-alias-und-jump/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 [...]

<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[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.apfelkuh.de%2F816%2Fsvn-revert-zu-einer-fruheren-revision"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.apfelkuh.de%2F816%2Fsvn-revert-zu-einer-fruheren-revision&amp;source=Apfelkuh_de&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<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 [...]

<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/845/unix-directories-bookmarken-mit-alias-und-jump' rel='bookmark' title='Permanent Link: Unix: Directories bookmarken mit alias und jump'>Unix: Directories bookmarken mit alias und jump</a></li>
<li><a href='http://www.apfelkuh.de/868/sml-on-mac-osx-incl-textmate-bundle' rel='bookmark' title='Permanent Link: SML on Mac OSX (incl. TextMate Bundle)'>SML on Mac OSX (incl. TextMate Bundle)</a></li>
<div class="fadeRule"></div><h3>Ähnliche Artikel:</h3>
<ul>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.apfelkuh.de%2F759%2Fbash-ssh-nach-dem-verbinden-befehle-ausfuhren"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.apfelkuh.de%2F759%2Fbash-ssh-nach-dem-verbinden-befehle-ausfuhren&amp;source=Apfelkuh_de&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<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/845/unix-directories-bookmarken-mit-alias-und-jump' rel='bookmark' title='Permanent Link: Unix: Directories bookmarken mit alias und jump'>Unix: Directories bookmarken mit alias und jump</a></li>
<li><a href='http://www.apfelkuh.de/868/sml-on-mac-osx-incl-textmate-bundle' rel='bookmark' title='Permanent Link: SML on Mac OSX (incl. TextMate Bundle)'>SML on Mac OSX (incl. TextMate Bundle)</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 [...]

<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/304/random-range-mit-as3' rel='bookmark' title='Permanent Link: Random Range mit AS3'>Random Range mit AS3</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>
<div class="fadeRule"></div><h3>Ähnliche Artikel:</h3>
<ul>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.apfelkuh.de%2F221%2Fisodd-or-iseven-in-actionscript3"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.apfelkuh.de%2F221%2Fisodd-or-iseven-in-actionscript3&amp;source=Apfelkuh_de&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<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 />
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>
<p>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>&#8220;&#038; 1&#8243; ist hierbei ein BITWISE AND. Das Heißt die eingehende zahl wird bitweise mit (binär)&#8230;01 verglichen. Kommt hierbei der Wert 1 (binär &#8230;01) raus, so hat die input-zahl an letzter Stelle eine 1 und ist somit ungerade.</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/304/random-range-mit-as3' rel='bookmark' title='Permanent Link: Random Range mit AS3'>Random Range mit AS3</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>
<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[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; Ein einfaches Beispiel: Klick mich so oft du willst! Mootools [...]

<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[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.apfelkuh.de%2F340%2F6-javascript-notifications-fur-mootoolsprototype-und-jquery"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.apfelkuh.de%2F340%2F6-javascript-notifications-fur-mootoolsprototype-und-jquery&amp;source=Apfelkuh_de&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<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>

