<?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>Designpicks :: Designs, Tutorials &#38; Webdevelopment &#187; JavaScript</title>
	<atom:link href="http://www.designpicks.de/tag/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.designpicks.de</link>
	<description>Designpicks, deine Quelle für gute Webdesign und Entwicklungs- Tips &#38; Tricks</description>
	<lastBuildDate>Sat, 17 Dec 2011 14:32:02 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Magento: Defekte Links im Internet Explorer 6.0</title>
		<link>http://www.designpicks.de/magento-defekte-links-im-internet-explorer-6-0/</link>
		<comments>http://www.designpicks.de/magento-defekte-links-im-internet-explorer-6-0/#comments</comments>
		<pubDate>Thu, 08 Oct 2009 10:25:58 +0000</pubDate>
		<dc:creator>Aleks</dc:creator>
				<category><![CDATA[Applikationen]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Magento]]></category>

		<guid isPermaLink="false">http://www.designpicks.de/?p=796</guid>
		<description><![CDATA[Auf unserem Firmen Magento Shop hatte ich heute ein seltsames Erlebnis mit dem Internet Explorer 6.0 und Magento. Etwa ein drittel der Seitenhöhe, ließ sich einfach nicht im Internet Explorer 6.0 klicken. Weder Text noch Grafiken haben reagiert. Nach ein wenig gesuche ist mir aufgefallen, dass Magento ein Javascript &#8220;ds-sleight.js&#8221; einsetzt, welches mit &#8220;DXImageTransform&#8221; den [...]]]></description>
			<content:encoded><![CDATA[<p><img title="Magento - Defekte Links im Internet Explorer 6.0" src="http://www.designpicks.de/wp-content/magento-logo.png" alt="magento-logo" width="200" height="73" style="float:right;margin-left:10px;margin-bottom:0px;" />Auf unserem Firmen <a href="https://www.omg.de/" target="_blank">Magento Shop</a> hatte ich heute ein seltsames Erlebnis mit dem Internet Explorer 6.0 und Magento. Etwa ein drittel der Seitenhöhe, ließ sich einfach nicht im Internet Explorer 6.0 klicken. Weder Text noch Grafiken haben reagiert.<span id="more-796"></span></p>
<p>Nach ein wenig gesuche ist mir aufgefallen, dass Magento ein Javascript &#8220;ds-sleight.js&#8221; einsetzt, welches mit &#8220;DXImageTransform&#8221; den Internet Explorer 6.0 dazu bringt, PNG Grafiken transparent darzustellen. Ich weiß nicht die genaue Ursache, aber durch dieses Script wurde das Klicken von bestimmten Textlinks einfach unterbunden.</p>
<p>Wenn man keine PNGs benutzt, kann man das Script (/js/lib/ds-sleight.js) mit gutem Gewissen ausblenden, oder es gegen eines der folgenden Scripte austauschen:</p>
<p><strong>Das ursprüngliche Sleight Script:</strong> <a href="http://youngpup.net/projects/sleight/sleight.js" target="_blank">http://youngpup.net/projects/sleight/sleight.js</a></p>
<p><strong>Alternatives Javascript:</strong><br />
<code>function correctPNG()<br />
{<br />
for(var i=0; i<br />
{<br />
var img = document.images[i]<br />
var imgName = img.src.toUpperCase ()<br />
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")<br />
{<br />
var imgID = (img.id) ? "id='" + img.id + "' " : ""<br />
var imgClass = (img.className) ? "class='" + img.className + "' " : ""<br />
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "<br />
var imgStyle = "display:inline-block;" + img.style.cssText<br />
if (img.align == "left") imgStyle = "float:left;" + imgStyle<br />
if (img.align == "right") imgStyle = "float:right;" + imgStyle<br />
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle<br />
var strNewHTML = ""<br />
img.outerHTML = strNewHTML<br />
i = i-1<br />
}<br />
}<br />
}<br />
window.attachEvent ("onload", correctPNG);</code></p>
]]></content:encoded>
			<wfw:commentRss>http://www.designpicks.de/magento-defekte-links-im-internet-explorer-6-0/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>TextboxList 0.4: Eingabefelder im Facebook-Stil</title>
		<link>http://www.designpicks.de/textboxlist-eingabefelder-im-facebook-stil/</link>
		<comments>http://www.designpicks.de/textboxlist-eingabefelder-im-facebook-stil/#comments</comments>
		<pubDate>Tue, 02 Jun 2009 12:15:25 +0000</pubDate>
		<dc:creator>Kim</dc:creator>
				<category><![CDATA[Scripts & Snippets]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[MooTools]]></category>

		<guid isPermaLink="false">http://www.designpicks.de/?p=619</guid>
		<description><![CDATA[Das auf Mootools-basierende Script TextboxList wurde heute in Version 0.4 releast. Das Tool ermöglicht eine Verbesserung des normalen Text-Eingabefelders. Bei Eingabe von Text werden sofort Vorschläge angezeigt, die sich mit den Pfeiltasten und Enter hinzufügen lassen. Innerhalb der TextboxList kann man zwischen den Tags navigieren oder einzelne Tags löschen. Das ganze erinnert sehr an Facebook-Eingabefelder, [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-620" title="textboxlist" src="http://www.designpicks.de/wp-content/textboxlist.png" alt="textboxlist" width="411" height="126" /></p>
<p>Das auf <a href="http://mootools.net/">Mootools</a>-basierende Script <a href="http://devthought.com/projects/mootools/textboxlist/">TextboxList</a> wurde heute in <a href="http://devthought.com/blog/client-side/2009/06/textboxlist-04-on-demand-suggestions/">Version 0.4 releast</a>. Das Tool ermöglicht eine Verbesserung des normalen Text-Eingabefelders.<br />
Bei Eingabe von Text werden sofort Vorschläge angezeigt, die sich mit den Pfeiltasten und Enter hinzufügen lassen. Innerhalb der TextboxList kann man zwischen den Tags navigieren oder einzelne Tags löschen.<br />
Das ganze erinnert sehr an Facebook-Eingabefelder, wie zum Beispiel der Facebook-Suche. Für kommerzielle Nutzung wird eine 20$-Lizenz benötigt. Guckt euch aber auf jeden Fall einmal die <a href="http://devthought.com/wp-content/projects/mootools/textboxlist/Demo/">Demo</a> an.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designpicks.de/textboxlist-eingabefelder-im-facebook-stil/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>FancyUpload in Version 3.0 veröffentlicht</title>
		<link>http://www.designpicks.de/fancyupload-in-version-30-veroffentlicht/</link>
		<comments>http://www.designpicks.de/fancyupload-in-version-30-veroffentlicht/#comments</comments>
		<pubDate>Mon, 25 May 2009 16:52:49 +0000</pubDate>
		<dc:creator>Kim</dc:creator>
				<category><![CDATA[Free Stuff]]></category>
		<category><![CDATA[Scripts & Snippets]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Uploader]]></category>

		<guid isPermaLink="false">http://www.designpicks.de/?p=582</guid>
		<description><![CDATA[Der populäre Datei-Uploader FancyUpload wurde heute in Version 3.0 (stable) veröffentlicht. FancyUpload unterstützt &#8220;multiple file-selection&#8221;, der aktuelle Fortschritt wird hübsch animiert. Praktisch an diesem Uploader ist die hohe Flexibilität: Sämtliche Features lassen sich via HTML und CSS an die eigene Seite anpassen. FancyUpload basiert auf MooTools und ist kompatibel mit allen verbreiteten Browsern (inklusive IE6). [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://digitarald.de/project/fancyupload/"><img class="alignnone size-full wp-image-584" title="Fancyupload" src="http://www.designpicks.de/wp-content/fancyupload.jpg" alt="Fancyupload" width="500" height="200" /></a></p>
<p>Der populäre Datei-Uploader <a href="http://digitarald.de/project/fancyupload/">FancyUpload</a> wurde heute in Version 3.0 (stable) <a href="http://digitarald.de/journal/112671905/stable-fancyupload-3-0/">veröffentlicht</a>.  FancyUpload unterstützt &#8220;multiple file-selection&#8221;, der aktuelle Fortschritt wird hübsch animiert. Praktisch an diesem Uploader ist die hohe Flexibilität: Sämtliche Features lassen sich via HTML und CSS an die eigene Seite anpassen. FancyUpload basiert auf MooTools und ist kompatibel mit allen verbreiteten Browsern (inklusive IE6). Und das beste: Es ist kostenlos und ohne Einschränkungen verfügbar (<a href="http://www.opensource.org/licenses/mit-license.php">MIT-Lizenz</a> ).</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designpicks.de/fancyupload-in-version-30-veroffentlicht/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JavaScript-Notifications: jGrowl &amp; Window.Growl</title>
		<link>http://www.designpicks.de/javascript-notifications-jgrowl-windowgrowl/</link>
		<comments>http://www.designpicks.de/javascript-notifications-jgrowl-windowgrowl/#comments</comments>
		<pubDate>Sat, 23 May 2009 14:32:35 +0000</pubDate>
		<dc:creator>Kim</dc:creator>
				<category><![CDATA[Free Stuff]]></category>
		<category><![CDATA[Scripts & Snippets]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[MooTools]]></category>

		<guid isPermaLink="false">http://www.designpicks.de/?p=569</guid>
		<description><![CDATA[Stan Lemon hat sein jQuery Plugin jGrowl auf Version 1.2.0 aktualisiert. Mit diesem kleinen JavaScript hat man die Möglichkeit dem Nutzer kleine Benachrichtigungen anzeigen zu lassen. Die Idee ist an das Benachrichtigungssystem Growl (Mac only) angelehnt. Auch das Design der kleinen semi-transparenten Blasen ähnelt dem Original sehr. Jedoch nicht so sehr, wie Window.Growl. Im Unterschied [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-570" title="jGrowl in Aktion" src="http://www.designpicks.de/wp-content/jgrowl-screen.png" alt="jGrowl in Aktion" width="500" height="183" /></p>
<p>Stan Lemon hat sein jQuery Plugin jGrowl auf <a href="http://stanlemon.net/index/articles/jgrowl-1-2-0.html">Version 1.2.0 aktualisiert</a>. Mit diesem kleinen JavaScript hat man die Möglichkeit dem Nutzer kleine Benachrichtigungen anzeigen zu lassen. Die Idee ist an das Benachrichtigungssystem <a href="http://growl.info/">Growl</a> (Mac only) angelehnt. Auch das Design der kleinen semi-transparenten Blasen ähnelt dem Original sehr.</p>
<p>Jedoch nicht so sehr, wie <a href="http://icebeat.bitacoras.com/mootools/growl/">Window.Growl</a>. Im Unterschied zu jGrowl basiert dieses Script nicht auf <a href="http://icebeat.bitacoras.com/mootools/growl/">jQuery</a> sondern auf dem <a href="http://mootools.net/">MooTools</a> Framework. Es unterstützt außerdem Icons und den populären Bezel-Style.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designpicks.de/javascript-notifications-jgrowl-windowgrowl/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>StarLinks: Erfolgskonzept, AJAX Effects, LazyLoad, Google Backup</title>
		<link>http://www.designpicks.de/starlinks-erfolgskonzept-ajax-effects-lazyload-google-backup/</link>
		<comments>http://www.designpicks.de/starlinks-erfolgskonzept-ajax-effects-lazyload-google-backup/#comments</comments>
		<pubDate>Sun, 17 May 2009 13:37:49 +0000</pubDate>
		<dc:creator>Kim</dc:creator>
				<category><![CDATA[StarLinks]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://www.designpicks.de/?p=526</guid>
		<description><![CDATA[In meinen Lesezeichen sammeln sich immer mal wieder viele interessante Links an. Und weil ich finde, dass einige dieser Links zu wertvoll sind um sie einfach nur via Twitter mit der Welt (bzw. meinen 27 Followern..) zu teilen, möchte ich hier die besten vier einmal kurz vorstellen. Fragt mich nicht wie ich auf das &#8220;StarLinks&#8221; [...]]]></description>
			<content:encoded><![CDATA[<p>In meinen Lesezeichen sammeln sich immer mal wieder viele interessante Links an. Und weil ich finde, dass einige dieser Links zu wertvoll sind um sie einfach nur via Twitter mit der Welt (bzw. meinen 27 Followern..) zu teilen, möchte ich hier die besten vier einmal kurz vorstellen. Fragt mich nicht wie ich auf das &#8220;StarLinks&#8221; in der Überschrift komme, aber bereitet auch darauf vor, dass demnächst noch mehr davon kommen könnten ;-)</p>
<p><span style="color: #ffffff;">-</span></p>
<p>1. <a href="http://nettuts.com/web-roundups/20-excellent-ajax-effects-you-should-know/">20 Excellent AJAX Effects You Should Know</a> &#8211; Unglaublich nützliche Sammlung von Javascripts, die alle Gebrauch von AJAX machen.</p>
<p>2. Wer eine Seite mit großen Bildern betreibt, sollte sich mal das jQuery Plugin <a href="http://www.appelsiini.net/projects/lazyload">LazyLoad</a> angucken: Erspart wertvolle Ladezeiten</p>
<p>3. Eine <a href="http://www.phphatesme.com/blog/projektmanagement/projektwerkstatt-wordpress-google-backup/">nette Idee</a> hatte Nils Langer von PHP hates me: Er überlegt, ob man Backups nicht auch von Google machen lassen kann. Regt zum Denken an ;D</p>
<p>4. Das Webdesignblog zählt <a href="http://daswebdesignblog.de/wie-wird-man-beruehmt-und-reich-wie-mark-zuckerberg/1293.html">7 wichtige Punkte</a> auf, die man beachten sollte wenn man so erfolgreich werden will, wie Mark Zuckerberg.</p>
<p><span style="color: #ffffff;">-</span></p>
<p>Und als kleine Bonus-Nachricht: Das Zend Framework wartet mit <a href="http://phphacker.net/2009/05/13/zend-framework-181-erschienen/">einigen Fixes und Änderungen</a>, insbesondere beim Autoloader, zu <a href="http://framework.zend.com/download/latest">Version 1.8.1</a> auf.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designpicks.de/starlinks-erfolgskonzept-ajax-effects-lazyload-google-backup/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

