<?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>trafex &#187; Tutorials</title>
	<atom:link href="http://trafex.de/blog/tag/tutorials/feed/" rel="self" type="application/rss+xml" />
	<link>http://trafex.de</link>
	<description>webdev blog</description>
	<lastBuildDate>Sun, 22 Nov 2009 19:55:34 +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>SSH Mount unter Windows &#8211; Pfade vom Server als Laufwerk in Windows einbinden</title>
		<link>http://trafex.de/blog/51/ssh-mount-unter-windows-pfade-vom-server-als-laufwerk-in-windows-einbinden/</link>
		<comments>http://trafex.de/blog/51/ssh-mount-unter-windows-pfade-vom-server-als-laufwerk-in-windows-einbinden/#comments</comments>
		<pubDate>Sat, 26 Sep 2009 08:14:37 +0000</pubDate>
		<dc:creator>StefanB</dc:creator>
				<category><![CDATA[trafex]]></category>
		<category><![CDATA[Anleitung]]></category>
		<category><![CDATA[betriebssystem]]></category>
		<category><![CDATA[installation]]></category>
		<category><![CDATA[pfad]]></category>
		<category><![CDATA[ssh]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[WebDev]]></category>
		<category><![CDATA[windows]]></category>

		<guid isPermaLink="false">http://trafex.de/?p=51</guid>
		<description><![CDATA[Da ich zuhause der Bequemlichkeit wegen Windows einsetze, aber trotzdem gerne privat Entwickeln möchte, ohne mir einen kompletten Server unter Windows auf zu setzen, habe ich gesucht und gefunden: es gibt mit Dokan SSHFS eine gut funktionierende Lösung die ähnlich fusessh unter Linux funktioniert. Man kann damit einfach einen Pfad auf einem externen Server verschlüsselt [...]]]></description>
			<content:encoded><![CDATA[<p>Da ich zuhause der Bequemlichkeit wegen Windows einsetze, aber trotzdem gerne privat Entwickeln möchte, ohne mir einen kompletten Server unter Windows auf zu setzen, habe ich gesucht und gefunden: es gibt mit <a href="http://dokan-dev.net">Dokan SSHFS</a> eine gut funktionierende Lösung die ähnlich fusessh unter Linux funktioniert. Man kann damit einfach einen Pfad auf einem externen Server verschlüsselt via SSH als Laufwerk unter Windows einsetzen.</p>
<p>Alle Links und Anleitung unter weiterlesen.</p>
<p><span id="more-51"></span></p>
<p>Dafür benötigt werden:</p>
<ul>
<li> <a href="http://www.microsoft.com/Net/Download.aspx">aktuelles .NET Framework von Microsoft</a></li>
<li><a href="http://dokan-dev.net/en/download/">Dokan library</a></li>
<li><a href="http://dokan-dev.net/en/download/">Dokan SSHFS</a></li>
</ul>
<p>Als erstes sollte man (wenn noch nicht vorhanden) das .NET Framework von Microsoft laden und installieren.<br />
Anschließend die Dokan library. Das ist die Basis für das Dokan SSHFS und stellt eine Schicht zwischen der Anwendung (in dem Fall Dokan SSHFS) und dem Betriebssystem (Windows) zur Verfügung. Die Installation sollte keine weiteren Probleme darstellen, ein Neustart ist nicht nötig.<br />
Als letztes einfach das Dokan SSHFS installieren. Auch hier sollte es keine Probleme geben.</p>
<p>Die Benutzung sollte weitestgehend selbsterklärend sein &#8211; einfach starten und die benötigten Daten eingeben:</p>
<p style="text-align: center;"><img class="size-full wp-image-58 aligncenter" title="dokansshfs1" src="http://trafex.de/wp-content/uploads/2009/09/dokansshfs1.png" alt="dokansshfs1" width="375" height="388" /></p>
<ul>
<li> Unter &#8220;Host&#8221; den Hostnamen des Servers eingeben (z.B.: trafex.de)</li>
<li>Bei &#8220;User&#8221; den Benutzernamen angeben, mit dem man sich einloggen möchte</li>
<li>der Port ist der Port, unter dem der SSH Daemon auf dem Server erreichbar ist</li>
<li>als nächstes kann man zwischen der Authentifizierung via Passwort wählen, dabei braucht man nur das Benutzerpasswort auf dem Server eingeben, oder ein SSH Keyfile.</li>
<li>&#8220;Server Root&#8221; gibt das als Basisverzeichnis, welches eingebunden werden soll. Die darunterliegende Verzeichnisse sind, solang man nich neu Mounted, nicht erreichbar.</li>
<li>zum Schluss gibt man den Laufwerksbuchstaben an, unter dem die Dateien unter Windows erreichbar sein sollen</li>
</ul>
<p>Nach dem Connecten braucht es einen kleinen Augenblick. Im Erfolgsfall bekommt man in einer kleinen Box den Status &#8220;sshfs start&#8221; gemeldet, im Fehlerfall die Meldung &#8220;failed to connect&#8221; &#8211; dann sollte man einfach noch mal die Angaben überprüfen.</p>
]]></content:encoded>
			<wfw:commentRss>http://trafex.de/blog/51/ssh-mount-unter-windows-pfade-vom-server-als-laufwerk-in-windows-einbinden/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Überprüfen ob GoogleAds geladen wurden</title>
		<link>http://trafex.de/blog/11/uberprufen-ob-googleads-geladen-wurden/</link>
		<comments>http://trafex.de/blog/11/uberprufen-ob-googleads-geladen-wurden/#comments</comments>
		<pubDate>Tue, 13 Mar 2007 15:20:31 +0000</pubDate>
		<dc:creator>StefanB</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Adsense]]></category>
		<category><![CDATA[überprüfen]]></category>
		<category><![CDATA[GoogleAds]]></category>
		<category><![CDATA[laden]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[WebDev]]></category>

		<guid isPermaLink="false">http://trafex.de/blog/11/uberprufen-ob-googleads-geladen-wurden/</guid>
		<description><![CDATA[GoogleAds stellen eine einfach zu implementierende und gute Einnahmequelle für Webseiten dar. Zudem nerven Sie eigentlich nie durch wildes geblinke bzw. können eingestellt werden, dass nur Text-Anzeigen dargestellt werden.
Dies war der Grund warum ich mich bei meinem Projekt against-silence.com für diese Werbeform entschieden habe. Die Werbung wird derzeit nur im Forum unter dem jew. 1. [...]]]></description>
			<content:encoded><![CDATA[<p>GoogleAds stellen eine einfach zu implementierende und gute Einnahmequelle für Webseiten dar. Zudem nerven Sie eigentlich nie durch wildes geblinke bzw. können eingestellt werden, dass nur Text-Anzeigen dargestellt werden.</p>
<p>Dies war der Grund warum ich mich bei meinem Projekt <a href="http://www.against-silence.com/">against-silence.com</a> für diese Werbeform entschieden habe. Die Werbung wird derzeit nur im Forum unter dem jew. 1. Post einer Seite dargestellt. Doch durch die zunehmende Anzahl eingesetzter Werbefilter sind die Klick-Zahlen  drastisch gesunken. Um die Besucher auf dieses Problem aufmerksam zu machen dachte ich über eine Lösung nach &#8230;<span id="more-11"></span></p>
<p>Zu allererst nahm ich mir die JavaScript-Datei von Google vor, die beim Aufrufen der Werbung included wird. Idealer weise wäre hier eine Variable enthalten, die man nach der Ausführung des Scriptes einfach überprüfen könnte.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;!--</span>
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span> google_ads_loaded <span style="color: #339933;">!=</span> <span style="color: #CC0000;">1</span> <span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
<span style="color: #006600; font-style: italic;">// Code wenn Werbung nicht geladen wurde</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #339933;">--&gt;</span>
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></div></div>

<p>Leider ist dem nicht so. In dieser ist nur eine Funktion enthalten, welche die weiteren Schritte aufruft. Da hier nicht zugegriffen werden kann musste eine andere Lösung her.</p>
<p>Der Lösungsweg ist allerdings nicht viel komplizierter ausgefallen. GoogleAds erzeugt nach meinen Beobachtungen in jedem Fall ein iframe mit dem Namen &#8220;google_ads_frame&#8221;. Dieses Überprüfe ich nun einfach auf Existenz und wenn es nicht vorhanden ist, führe ich Code aus.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #003366; font-weight: bold;">function</span> checkgooglead<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    <span style="color: #003366; font-weight: bold;">var</span> gaf <span style="color: #339933;">=</span> window.<span style="color: #660066;">google_ads_frame</span>;
    <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span> <span style="color: #339933;">!</span>gaf <span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;addiv&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">innerHTML</span> <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;
&lt;h2&gt;Diese Seite finanziert sich durch freiwillige Spenden und durch Werbung.Bitte schalte deinen Werbeblocker ab!&lt;/h2&gt;
&quot;</span>;
    <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></div></div>

<p>Das Element mit der ID &#8220;addiv&#8221; ist in diesem Fall ein Div, welches nur den Code für die GoogleAds enthält. Wenn nun also das Fenster(=Frame) mit diesem Namen nicht existiert, wird der Inhalt des Div&#8217;s durch einen freundlicher Spruch ersetz.<br />
Ohne Javascript hat das natürlich keinen Effekt, aber dann würden auch keine GoogleAds geladen werden.</p>
]]></content:encoded>
			<wfw:commentRss>http://trafex.de/blog/11/uberprufen-ob-googleads-geladen-wurden/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mehrere nacheinander folgende Style-Veränderungen mit mootools</title>
		<link>http://trafex.de/blog/7/mehrere-nacheinander-folgende-style-veranderungen-mit-mootools/</link>
		<comments>http://trafex.de/blog/7/mehrere-nacheinander-folgende-style-veranderungen-mit-mootools/#comments</comments>
		<pubDate>Mon, 19 Feb 2007 14:52:17 +0000</pubDate>
		<dc:creator>StefanB</dc:creator>
				<category><![CDATA[Demos]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://trafex.de/blog/7/mehrere-nacheinander-folgende-style-veranderungen-mit-mootools/</guid>
		<description><![CDATA[Ich beschäftige mich derzeit sehr viel mit AJAX. Dazu verwende ich zur Vereinfachung der Programmierung die von den mootools gelieferte AJAX-Bibliothek, welche vollständig auf Javascript aufsetzt.
Ziel sollte es sein dem Benutzer eine Oberfläche zu bieten, auf der er mehrere Boxen mit Inhalt dargestellt bekommt. Jede Box enspricht einem Favoriten. Durch klicken auf einen Schalter in [...]]]></description>
			<content:encoded><![CDATA[<p>Ich beschäftige mich derzeit sehr viel mit <a href="http://de.wikipedia.org/wiki/Ajax_(Programmierung)" title="Wikipedia: AJAX">AJAX</a>. Dazu verwende ich zur Vereinfachung der Programmierung die von den <a href="http://mootools.net/" title="mootools.net">mootools</a> gelieferte AJAX-Bibliothek, welche vollständig auf Javascript aufsetzt.<br />
Ziel sollte es sein dem Benutzer eine Oberfläche zu bieten, auf der er mehrere Boxen mit Inhalt dargestellt bekommt. Jede Box enspricht einem Favoriten. Durch klicken auf einen Schalter in der Box sollte die Box aus den Favoriten entfernt werden. Um jetzt ein Neuladen zu vermeiden setze ich wie schon besagt AJAX ein. Das eigentliche entfernen stellt kein Problem dar, nur wollte ich dazu die Box ausblenden lassen: erst ausblenden (opacity) und danach die Breite verkleinern (width), so dass die Box nicht mehr angezeigt wird.<br />
<span id="more-7"></span>Bei den mootools sind die einzelnen Schritte recht schnell erledigt:</p>
<p>Ausblenden:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> ausblenden <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Fx.<span style="color: #660066;">Style</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'id-der-box'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'opacity'</span><span style="color: #339933;">,</span> <span style="color: #009900;">&#123;</span>duration<span style="color: #339933;">:</span> <span style="color: #CC0000;">500</span><span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>;  <span style="color: #006600; font-style: italic;">// Effekt initialisieren</span>
ausblenden.<span style="color: #660066;">start</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">1</span><span style="color: #339933;">,</span>0<span style="color: #009900;">&#41;</span>; <span style="color: #006600; font-style: italic;">// Ausblenden starten (von 1 (sichtbar) bis 0 (unsichtbar))</span></pre></div></div>

<p>Größe ändern:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> resizebox <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Fx.<span style="color: #660066;">Style</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'id-der-box'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'width'</span><span style="color: #339933;">,</span> <span style="color: #009900;">&#123;</span>duration<span style="color: #339933;">:</span> <span style="color: #CC0000;">500</span><span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>;  <span style="color: #006600; font-style: italic;">// Effekt initialisieren</span>
resizebox.<span style="color: #660066;">start</span><span style="color: #009900;">&#40;</span>0<span style="color: #009900;">&#41;</span>; <span style="color: #006600; font-style: italic;">// Größe ändern starten, vom aktuellen Wert bis 0</span></pre></div></div>

<p>Danach blende ich die Box noch komplett aus:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript javascript" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'id-der-box'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">setStyle</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'display'</span><span style="color: #339933;">,</span><span style="color: #3366CC;">'none'</span><span style="color: #009900;">&#41;</span>;</pre></div></div>

<p>Jetzt stand ich allerdings vor dem Problem, das die mootools nicht mit der Ausführung des einen Effekts warten bevor der nächste gestartet wurde. Die Folge war, dass das komplette Ausblenden sofort zugeschlagen hat ohne die beiden anderen Effekte abzuwarten. Nach langem erfolglosen suchen in der Dokumentation und im Forum von den mootools habe ich mich dazu entschlossen die onComplete-Funktion zu nutzen. Durch die Verschachtelung sicher kein eleganter Weg, aber es Funktioniert erst einmal:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> ausblenden <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Fx.<span style="color: #660066;">Style</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'id-der-box'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'opacity'</span><span style="color: #339933;">,</span> <span style="color: #009900;">&#123;</span>
duration<span style="color: #339933;">:</span> <span style="color: #CC0000;">500</span><span style="color: #339933;">,</span>
onComplete<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: #006600; font-style: italic;">// hier jetzt den 2. Effekt initialisieren</span>
<span style="color: #003366; font-weight: bold;">var</span> resizebox <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Fx.<span style="color: #660066;">Style</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'id-der-box'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'width'</span><span style="color: #339933;">,</span> <span style="color: #009900;">&#123;</span>duration<span style="color: #339933;">:</span> <span style="color: #CC0000;">500</span><span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>;
<span style="color: #006600; font-style: italic;">// .. und starten ..</span>
resizebox.<span style="color: #660066;">start</span><span style="color: #009900;">&#40;</span>0<span style="color: #009900;">&#41;</span>;
<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>;  <span style="color: #006600; font-style: italic;">// Effekt initialisieren</span>
ausblenden.<span style="color: #660066;">start</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">1</span><span style="color: #339933;">,</span>0<span style="color: #009900;">&#41;</span>; <span style="color: #006600; font-style: italic;">// Ausblenden starten (von 1 (sichtbar) bis 0 (unsichtbar))</span></pre></div></div>

<p>Das ganze habe ich in einem <a href="http://trafex.de/demos/mootools/multiple.fx.html" title="Demo multiple fx">Demo</a> zusammengefasst.</p>
]]></content:encoded>
			<wfw:commentRss>http://trafex.de/blog/7/mehrere-nacheinander-folgende-style-veranderungen-mit-mootools/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic Page Served (once) in 0.249 seconds -->
