<?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>welt-held.de &#187; javascript</title>
	<atom:link href="http://www.welt-held.de/tag/javascript/feed" rel="self" type="application/rss+xml" />
	<link>http://www.welt-held.de</link>
	<description>Sind wir nicht alle Welt Held?</description>
	<lastBuildDate>Wed, 23 Nov 2011 09:14:36 +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>Webseite in diversen Versionen testen</title>
		<link>http://www.welt-held.de/1969-webseite-in-diversen-versionen-testen.html</link>
		<comments>http://www.welt-held.de/1969-webseite-in-diversen-versionen-testen.html#comments</comments>
		<pubDate>Sun, 01 May 2011 17:46:01 +0000</pubDate>
		<dc:creator>Björn</dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[ie tester]]></category>
		<category><![CDATA[internet explorer]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[testen]]></category>

		<guid isPermaLink="false">http://www.welt-held.de/?p=1969</guid>
		<description><![CDATA[Vor einigen Tagen wollte ich eine Webseite in einer älteren Version vom IE testen. Dies stellte sich allerdings schwieriger raus als gedacht. Auf meinem Rechner (dienstlich) läuft Windows Server 2003 mit dem Internet Explorer 8, testen musste ich die Seite aber im IE7. Nun hat man folgende Optionen  [...]]]></description>
			<content:encoded><![CDATA[<p>Vor einigen Tagen wollte ich eine Webseite in einer älteren Version vom IE testen. Dies stellte sich allerdings schwieriger raus als gedacht. Auf meinem Rechner (dienstlich) läuft Windows Server 2003 mit dem Internet Explorer 8, testen musste ich die Seite aber im IE7. Nun hat man folgende Optionen zur Auswahl:</p>
<p><strong><a href="http://browsershots.org/">BrowserShots </a>und ähnliches:</strong><br />
Diese Seiten haben den Vorteil, eine Vielzahl an Browsern in den unterschiedlichsten Versionen abzudecken. Sind nur leider vorrangig für visuelle Tests gedacht. Da es in meinem Test rein um JavaScriptfunktionalität ging, war es leider ungeeignet. Da man zudem nur eine URL angeben kann, schied diese Option auch aus, da die Testversion der Seite nur auf meinem lokalen Rechner lief.</p>
<p><strong>Internet Explorer 7 Standalone installieren:</strong><br />
Es gibt im Netz einige Installer, die einen vollwerten Internet Explorer 7 auf dem Rechner versprechen. Meine Erfahrungen waren leider nicht so gut, mal abgesehen, dass &#8220;meine&#8221; Version nur Fehlermeldungen verursacht hat, sie hat auch dafür gesorgt, dass ich meine Favoriten nicht mehr im 8er Client öffnen konnte. Erst eine Deinstallation des 7er Clients, die Deinstallation des 8er Clients sowie anschließende Neuinstallation des 8er Clients haben mein System wieder in den Ursprungszustand versetzt. Absolut nicht akzeptabel.</p>
<p><strong>Virtuelle Maschinen:</strong><br />
Microsoft bietet bereits fertig konfigurierte <a href="http://www.microsoft.com/downloads/en/details.aspx?FamilyID=21eabb90-958f-4b64-b5f1-73d0a413c8ef&#038;displaylang=en">virtuelle Maschinen</a>, diverse Windows Version mit unterschiedlichen Versionen des Internet Explorers. Die Windows Versionen sind nur eine begrenzte Zeit lauffähig, daher ist keine Lizenz notwendig.</p>
<p><strong><a href="http://www.my-debugbar.com/wiki/IETester/HomePage">IETester</a></strong><br />
Ein kleines aber feines Programm. Es simuliert alle IE Versionen seit der Version 5.5. Sogar die aktuelle 10er Preview (sofern man es installiert hat). </p>
<p>Für mich hat sich das letzte Tool bewährt, zumindest für meine kleinen Funktionstests, ob ich separate Fallbacks für Javascript-Funktionen benötige.</p>
<p>(ich bezog mich nur auf den IE, da man sonst eigentlich alle Browser separat installieren kann, der IE ist dafür allerdings zu stark im System verankert, gerade bei Windows 2003)</p>
<div class="bottomcontainerBox" style="background-color:#F0F4F9;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.welt-held.de%2F1969-webseite-in-diversen-versionen-testen.html&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://www.welt-held.de/1969-webseite-in-diversen-versionen-testen.html"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://www.welt-held.de/1969-webseite-in-diversen-versionen-testen.html"  data-text="Webseite in diversen Versionen testen" data-count="horizontal" data-via="trashar">Tweet</a>
			</div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div> <p><a href="http://welt-held.de/?flattrss_redirect&amp;id=1969&amp;md5=5a04d43d0ab425db678f4168cd4cc200" title="Flattr" target="_blank"><img src="http://welt-held.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.welt-held.de/1969-webseite-in-diversen-versionen-testen.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<atom:link rel="payment" href="http://welt-held.de/?flattrss_redirect&amp;id=1969&amp;md5=5a04d43d0ab425db678f4168cd4cc200" type="text/html" />
	</item>
		<item>
		<title>Palm Pre</title>
		<link>http://www.welt-held.de/1645-palm-pre.html</link>
		<comments>http://www.welt-held.de/1645-palm-pre.html#comments</comments>
		<pubDate>Mon, 08 Feb 2010 17:14:55 +0000</pubDate>
		<dc:creator>Björn</dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[handy]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[palm pre]]></category>
		<category><![CDATA[smartphone]]></category>
		<category><![CDATA[webos]]></category>

		<guid isPermaLink="false">http://www.welt-held.de/?p=1645</guid>
		<description><![CDATA[Ich habe mir vor ein paar Tagen habe ich mir ein Palm Pre bestellt. Das ist echt ein nettes Smartphone. Aktuell schau ich mir die SDK sowie das Webtool Ares an. Mit diesen ist es möglich, eigene Anwendungen zu entwickeln.
Das Palm Pre selbst basiert auf WebOS und es ist möglich, seine Anwendungen  [...]]]></description>
			<content:encoded><![CDATA[<p>Ich habe mir vor ein paar Tagen habe ich mir ein <a href="http://www.palm.com/de/de/products/phones/pre/">Palm Pre</a> bestellt. Das ist echt ein nettes Smartphone. Aktuell schau ich mir die <a href="http://developer.palm.com/">SDK</a> sowie das Webtool <a href="http://ares.palm.com/Ares/index.html">Ares</a> an. Mit diesen ist es möglich, eigene Anwendungen zu entwickeln.<br />
Das Palm Pre selbst basiert auf <a href="http://de.wikipedia.org/wiki/Palm_webOS">WebOS</a> und es ist möglich, seine Anwendungen mithilfe von HTML5, CSS und Javascript zu entwickeln.<br />
Die erste &#8220;Hello World&#8221; App habe ich auch schon entwickelt, nun sehe ich mal weiter <img src='http://welt-held.de/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><br />
Mir fehlen immer ein wenig die Ideen, wenn ich ehrlich bin.</p>
<div class="bottomcontainerBox" style="background-color:#F0F4F9;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.welt-held.de%2F1645-palm-pre.html&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://www.welt-held.de/1645-palm-pre.html"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://www.welt-held.de/1645-palm-pre.html"  data-text="Palm Pre" data-count="horizontal" data-via="trashar">Tweet</a>
			</div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div> <p><a href="http://welt-held.de/?flattrss_redirect&amp;id=1645&amp;md5=618b1cbfa03bae48df0a9ec78e31a5d0" title="Flattr" target="_blank"><img src="http://welt-held.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.welt-held.de/1645-palm-pre.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<atom:link rel="payment" href="http://welt-held.de/?flattrss_redirect&amp;id=1645&amp;md5=618b1cbfa03bae48df0a9ec78e31a5d0" type="text/html" />
	</item>
		<item>
		<title>HowTo: Bilder mit CKEditor und ASP.NET MVC hochladen</title>
		<link>http://www.welt-held.de/1588-howto-bilder-mit-ckeditor-und-asp-net-mvc-hochladen.html</link>
		<comments>http://www.welt-held.de/1588-howto-bilder-mit-ckeditor-und-asp-net-mvc-hochladen.html#comments</comments>
		<pubDate>Thu, 14 Jan 2010 13:40:29 +0000</pubDate>
		<dc:creator>Björn</dc:creator>
				<category><![CDATA[ASP.NET MVC]]></category>
		<category><![CDATA[C#]]></category>
		<category><![CDATA[asp.net]]></category>
		<category><![CDATA[ckeditor]]></category>
		<category><![CDATA[controller]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[mvc]]></category>
		<category><![CDATA[upload]]></category>
		<category><![CDATA[wysiwyg]]></category>

		<guid isPermaLink="false">http://www.welt-held.de/?p=1588</guid>
		<description><![CDATA[Ich hatte gerade das Problem, dass ich mit dem WYSIWYG-Editor CKEditor Bilder hoch laden möchte, um sie direkt in meinen Text einzupflegen.
Dazu wird irgendwo im View der Editor definiert:
Wichtig ist hier der Parameter &#8220;filebrowserUploadUrl&#8221;. Dies ist der Pfad, wohin das Bild beim Upload gesendet  [...]]]></description>
			<content:encoded><![CDATA[<p>Ich hatte gerade das Problem, dass ich mit dem WYSIWYG-Editor <a href="http://ckeditor.com/">CKEditor</a> Bilder hoch laden möchte, um sie direkt in meinen Text einzupflegen.<br />
Dazu wird irgendwo im View der Editor definiert:</p>
<pre class="brush: jscript; title: ; notranslate">
  &lt;script type=&quot;text/javascript&quot;&gt;
      window.onload = function() {
          CKEDITOR.replace('ckEditor', {
            skin: 'office2003',
            filebrowserUploadUrl: '&lt;%=Url.Action(&quot;UploadImage&quot;) %&gt;'
      });
  };

&lt;/script&gt;</pre>
<p>Wichtig ist hier der Parameter &#8220;filebrowserUploadUrl&#8221;. Dies ist der Pfad, wohin das Bild beim Upload gesendet wird.<br />
Im Controller wird das ganze nun verarbeitet:</p>
<pre class="brush: csharp; title: ; notranslate">
        [AcceptVerbs(HttpVerbs.Post)]
        public string UploadImage()
        {
            // Datei speichern
            var identifier = Guid.NewGuid();
            string[] fileExt = Request.Files[0].FileName.Split('.');
            string safeFile = identifier + &quot;.&quot; + fileExt[fileExt.Length - 1];
            Request.Files[0].SaveAs(Path.Combine(HostingEnvironment.MapPath(&quot;~/UploadedImages/&quot;), safeFile));

            // Daten an CKEditor zurück geben
            string result = &quot;&lt;script type=\&quot;text/javascript\&quot;&gt;&quot;;
            result += &quot;window.parent.CKEDITOR.tools.callFunction(&quot; + Request.QueryString[&quot;CKEditorFuncNum&quot;] + &quot;, \&quot;&quot; +
                      Path.Combine(Url.Content(&quot;~/UploadedImages/&quot;), safeFile) + &quot;\&quot;,\&quot;\&quot;);&lt;/script&gt;&quot;;
            return result;
        }
</pre>
<p>Erst speicher ich das Bild irgendwo und gebe dann den Pfad per Javascript zurück. Da ich nur das JS ausführen lassen muss, gebe ich kein komplettes View zurück. Die Url wird dann korrekt an CKEditor übergeben (siehe Screenshots). Der letzte Parameter des callFunction()-Aufrufes kann für Fehlermeldungen genutzt werden, Bild zu groß o.ä.<br />
Mich hat dieser kleine Aufruf bestimmt eine Stunde gekostet!</p>
<div style="text-align:center">
<a href="http://www.welt-held.de/files/ckeditor1.jpg"><img src="http://www.welt-held.de/files/ckeditor1-150x150.jpg" alt="CKEditor - Datei auswählen, Hochladen" title="CKEditor - Datei auswählen, Hochladen" width="150" height="150" class="alignnone size-thumbnail wp-image-1589" /></a> <a href="http://www.welt-held.de/files/ckeditor2.jpg"><img src="http://www.welt-held.de/files/ckeditor2-150x150.jpg" alt="CKEditor - Datei hochgeladen und Pfad übergeben" title="CKEditor - Datei hochgeladen und Pfad übergeben" width="150" height="150" class="alignnone size-thumbnail wp-image-1590" /></a></div>
<div class="bottomcontainerBox" style="background-color:#F0F4F9;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.welt-held.de%2F1588-howto-bilder-mit-ckeditor-und-asp-net-mvc-hochladen.html&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://www.welt-held.de/1588-howto-bilder-mit-ckeditor-und-asp-net-mvc-hochladen.html"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://www.welt-held.de/1588-howto-bilder-mit-ckeditor-und-asp-net-mvc-hochladen.html"  data-text="HowTo: Bilder mit CKEditor und ASP.NET MVC hochladen" data-count="horizontal" data-via="trashar">Tweet</a>
			</div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div> <p><a href="http://welt-held.de/?flattrss_redirect&amp;id=1588&amp;md5=053010f84484c5783086c075b50b758d" title="Flattr" target="_blank"><img src="http://welt-held.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.welt-held.de/1588-howto-bilder-mit-ckeditor-und-asp-net-mvc-hochladen.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<atom:link rel="payment" href="http://welt-held.de/?flattrss_redirect&amp;id=1588&amp;md5=053010f84484c5783086c075b50b758d" type="text/html" />
	</item>
		<item>
		<title>Nützlich: wwwsqldesigner</title>
		<link>http://www.welt-held.de/1467-nutzlich-wwwsqldesigner.html</link>
		<comments>http://www.welt-held.de/1467-nutzlich-wwwsqldesigner.html#comments</comments>
		<pubDate>Tue, 08 Dec 2009 07:07:45 +0000</pubDate>
		<dc:creator>Björn</dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[designer]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[must have]]></category>
		<category><![CDATA[nützliches tool]]></category>
		<category><![CDATA[sql]]></category>

		<guid isPermaLink="false">http://www.welt-held.de/?p=1467</guid>
		<description><![CDATA[Heute mal ein kleines, aber feines Tool. Ich brauchte etwas, um meine SQL Datenbank zu designen. Damit man auch alle Beziehungen schön im Überblick hat.
Da bin ich auf wwwsqldesigner gestoßen. Läuft sofort und ohne Installation. Das ganze basiert auf JavaScript.
Wer das Ding auf nen PHP fähigen  [...]]]></description>
			<content:encoded><![CDATA[<p>Heute mal ein kleines, aber feines Tool. Ich brauchte etwas, um meine SQL Datenbank zu designen. Damit man auch alle Beziehungen schön im Überblick hat.<br />
Da bin ich auf <a href="http://code.google.com/p/wwwsqldesigner/">wwwsqldesigner</a> gestoßen. Läuft sofort und ohne Installation. Das ganze basiert auf JavaScript.<br />
Wer das Ding auf nen PHP fähigen Server schiebt, kann seine Datenbank-Designs auch in einer Datenbank speichern. Ansonsten kann man sich entweder den MSSQL / MySQL Befehl ausgeben lassen, um die Datenbank wie gewünscht zu erstellen oder aber den XML Code, mit dem das Design später wieder geladen und bearbeitet werden kann.</p>
<p>Sehr schönes Tool, läuft aber nicht im IE 8!</p>
<div class="bottomcontainerBox" style="background-color:#F0F4F9;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.welt-held.de%2F1467-nutzlich-wwwsqldesigner.html&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://www.welt-held.de/1467-nutzlich-wwwsqldesigner.html"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://www.welt-held.de/1467-nutzlich-wwwsqldesigner.html"  data-text="Nützlich: wwwsqldesigner" data-count="horizontal" data-via="trashar">Tweet</a>
			</div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div> <p><a href="http://welt-held.de/?flattrss_redirect&amp;id=1467&amp;md5=a45a56d68c19aed65ef9cf70d0400325" title="Flattr" target="_blank"><img src="http://welt-held.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.welt-held.de/1467-nutzlich-wwwsqldesigner.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<atom:link rel="payment" href="http://welt-held.de/?flattrss_redirect&amp;id=1467&amp;md5=a45a56d68c19aed65ef9cf70d0400325" type="text/html" />
	</item>
	</channel>
</rss>

