<?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>me-blogs-it.com &#187; wysiwyg</title>
	<atom:link href="http://www.me-blogs-it.com/tag/wysiwyg/feed" rel="self" type="application/rss+xml" />
	<link>http://www.me-blogs-it.com</link>
	<description>WE'RE NOT WEIRD, WE'RE HIPPOS!</description>
	<lastBuildDate>Sun, 27 Jun 2010 22:13:21 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>New Feature: Correct me!</title>
		<link>http://www.me-blogs-it.com/new-feature-correct-me-javascript-and-php-enables-it-19-06-2009</link>
		<comments>http://www.me-blogs-it.com/new-feature-correct-me-javascript-and-php-enables-it-19-06-2009#comments</comments>
		<pubDate>Fri, 19 Jun 2009 16:53:42 +0000</pubDate>
		<dc:creator>me</dc:creator>
				<category><![CDATA[Allgemeines]]></category>
		<category><![CDATA[correct me]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[Ih8IE]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[wysiwyg]]></category>

		<guid isPermaLink="false">http://www.me-blogs-it.com/?p=314</guid>
		<description><![CDATA[There were many times that I found misspellings, wrong comma placements or other small mistakes on websites while surfing through the web. And I think my blog is no exception (these two sentences already sound incorrect somehow&#8230;)! And whenever I find one of those small mistakes I would really like to simply click into the [...]]]></description>
			<content:encoded><![CDATA[<p>There were many times that I found misspellings, wrong comma placements or other small mistakes on websites while surfing through the web. And I think my blog is no exception (these two sentences already sound incorrect somehow&#8230;)! And whenever I find one of those small mistakes I would really like to simply click into the text and relocate the comma or add the missing letter or whatever. Of course this isn&#8217;t possible (except for special Web2.0-sites like the Wikipedia). You have to use a contact form, an e-mail, the comments-function or the like if you actually want to call the website-owner&#8217;s attention to things like that. But a simple comma replacement isn&#8217;t worth the effort and imagine writing an E-mail like</p>
<blockquote><p>Dear Sir or Madam,</p>
<p>on page xyz of your website is a misspelling in line 123. The word you use there is &#8220;mitsake&#8221;, yet I think you meant &#8220;mistake&#8221;. Please correct that.</p>
<p>Sincere regards &#8230;</p></blockquote>
<p>Sounds snobish, does it?! That&#8217;s why I&#8217;ve written a little <a title="tag - JavaScript" href="http://www.me-blogs-it.com/tag/javascript">JavaScript-</a> and PHP-Code to put my idea into action. See everything in detail after the jump.</p>
<p><span id="more-314"></span></p>
<div id="attachment_316" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-316" title="Edit This Post - New feature: Correct me! - Enabled by JavaScript and PHP" src="http://www.me-blogs-it.com/wp-content/uploads/2.jpg" alt="Edit This Post - New feature: Correct me! - Enabled by JavaScript and PHP" width="600" height="320" /><p class="wp-caption-text">Edit This Post - New feature: Correct me! - Enabled by JavaScript and PHP</p></div>
<p>If you&#8217;re missing this &#8220;Edit This Post&#8221;-button in your window: at the moment I&#8217;m the only one who can see it. And even if I&#8217;ll unlock it, Safari- and Google Chrome-users will be the only ones who will see this.</p>
<p>But anyway. Here&#8217;s a nice gallery:</p>

<div class="ngg-galleryoverview" id="ngg-gallery-5-314">

	<!-- Slideshow link -->
	<div class="slideshowlink">
		<a class="slideshowlink" href="http://www.me-blogs-it.com/new-feature-correct-me-javascript-and-php-enables-it-19-06-2009?show=slide">
			[Zeige als Diashow]		</a>
	</div>

	
	<!-- Thumbnails -->
		
	<div id="ngg-image-58" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.me-blogs-it.com/wp-content/gallery/correct-me/1.jpg" title="The only difference to the current look is the semi-transparent button at the bottom of the window. If you click on it..." class="thickbox" rel="set_5" >
								<img title="The normal view" alt="The normal view" src="http://www.me-blogs-it.com/wp-content/gallery/correct-me/thumbs/thumbs_1.jpg" width="150" height="150" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-59" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.me-blogs-it.com/wp-content/gallery/correct-me/2.jpg" title="...you get the description what this thing is about. If you click on the button &quot;Edit This Post&quot;..." class="thickbox" rel="set_5" >
								<img title="The description" alt="The description" src="http://www.me-blogs-it.com/wp-content/gallery/correct-me/thumbs/thumbs_2.jpg" width="150" height="150" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-60" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.me-blogs-it.com/wp-content/gallery/correct-me/3.jpg" title="...the post becomes a wysiwyg-editor. " class="thickbox" rel="set_5" >
								<img title="The Edit Mode" alt="The Edit Mode" src="http://www.me-blogs-it.com/wp-content/gallery/correct-me/thumbs/thumbs_3.jpg" width="150" height="150" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-61" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.me-blogs-it.com/wp-content/gallery/correct-me/4.jpg" title="You can edit now what you want to." class="thickbox" rel="set_5" >
								<img title="Edit the post" alt="Edit the post" src="http://www.me-blogs-it.com/wp-content/gallery/correct-me/thumbs/thumbs_4.jpg" width="150" height="150" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-62" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.me-blogs-it.com/wp-content/gallery/correct-me/5.jpg" title="If you're finished with your edit, click on the &quot;Finish&quot;-button and..." class="thickbox" rel="set_5" >
								<img title="Finished" alt="Finished" src="http://www.me-blogs-it.com/wp-content/gallery/correct-me/thumbs/thumbs_5.jpg" width="150" height="150" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-63" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.me-blogs-it.com/wp-content/gallery/correct-me/6.jpg" title="...you get a message when the email has been sent to me." class="thickbox" rel="set_5" >
								<img title="Successful" alt="Successful" src="http://www.me-blogs-it.com/wp-content/gallery/correct-me/thumbs/thumbs_6.jpg" width="150" height="150" />
							</a>
		</div>
	</div>
	
		
 	 	
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


<p>What I don&#8217;t like at the moment:</p>
<ul>
<li>The look: I haven&#8217;t styled it yet! The whole look is css-based and it doesn&#8217;t look very well currently. I also don&#8217;t want to have it centred, but I have a &#8220;logged in&#8221;-display at the bottom left corner and I didn&#8217;t want the two to be layered over each other.</li>
<li>The unnecessary click: If you click on &#8220;Edit This Post&#8221; the describing text slides up. There you have to click again on the button &#8220;Edit This Post&#8221; to finally actually edit the post. Two clicks where only one is needed&#8230;</li>
<li>Little functionality: I&#8217;m not very sure about this point. You can only remove, replace or add text. You can&#8217;t change links, style parts differently or things like that. But on the other hand: Keep it simple, ay?!</li>
<li>No safety: I&#8217;ve written it today. I only cared for the basic functionality. So, there are probably bugs and stuff.</li>
</ul>
<p>And another thing: Maybe an &#8220;in-text-comment-function&#8221; would have been better. Like at <a title="tag - flickr" href="http://www.me-blogs-it.com/tag/flickr">flickr</a> with these &#8220;notes&#8221; within the photos. That would have the advantage that users could see what others have already written/noted. Furthermore you wouldn&#8217;t need to correct the text necessarily, but you could also leave comments like &#8220;What do you mean here?!&#8221;</p>
<p>Nevertheless I won&#8217;t change everything I&#8217;ve written today. By the way: This is what I get per mail</p>
<blockquote><p><em>To:</em> me@me-blogs-it.com<br />
<em>Subject:</em> Correction has been sent for Post 305<br />
<em>Message:</em> Correction at character 1461: &#8230;write Mac-, iPhone and iPod touch-Apps! I&#8217;&#8230;</p></blockquote>
<p>I don&#8217;t receive the whole post. The text is trimmed to the part where it differs from the &#8220;old&#8221;, original post.</p>
<p>Now: What do you think of this whole thing?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.me-blogs-it.com/new-feature-correct-me-javascript-and-php-enables-it-19-06-2009/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Subdomain-Fire: Three New Things I Want to Tell You About</title>
		<link>http://www.me-blogs-it.com/subdomain-fire-three-new-things-i-want-to-tell-you-about-javascript-15-06-2009</link>
		<comments>http://www.me-blogs-it.com/subdomain-fire-three-new-things-i-want-to-tell-you-about-javascript-15-06-2009#comments</comments>
		<pubDate>Mon, 15 Jun 2009 21:56:13 +0000</pubDate>
		<dc:creator>me</dc:creator>
				<category><![CDATA[Allgemeines]]></category>
		<category><![CDATA[800x600]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[Ih8IE]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[JS-OS-Theme]]></category>
		<category><![CDATA[screen resolution]]></category>
		<category><![CDATA[screenresolution]]></category>
		<category><![CDATA[Theme]]></category>
		<category><![CDATA[webtool]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[wysiwyg]]></category>

		<guid isPermaLink="false">http://www.me-blogs-it.com/?p=305</guid>
		<description><![CDATA[Oh &#8211; My &#8211; Holy &#8211; God! I think my blog is officially dead now! After, uhm, not even 30 posts! But I&#8217;ve done a lot of things since March the twentieth, when I published the last post! And I mean things apart from twittering! In April, for example, I developed a whole new WordPress-Theme [...]]]></description>
			<content:encoded><![CDATA[<p>Oh &#8211; My &#8211; Holy &#8211; God! I think my blog is officially dead now! After, uhm, not even 30 posts! But I&#8217;ve done a lot of things since March the twentieth, when I published the last post! And I mean things apart from <a title="tag  - Twitter" href="http://www.me-blogs-it.com/tag/twitter">twittering</a>!</p>
<p>In April, for example, I developed a whole new <a title="tag - WordPress" href="http://www.me-blogs-it.com/tag/wordpress">WordPress</a>-Theme called &#8220;<a title="tag - JavaScript" href="http://www.me-blogs-it.com/tag/javascript">JavaScript</a>-OperatingSystem-Theme&#8221; (&#8220;<a title="tag - js-os-theme" href="http://www.me-blogs-it.com/tag/js-os-theme">JS-OS-Theme</a>&#8220;). I&#8217;ve chosen this extraordinary name, because it&#8217;s based on JavaScript (and <a title="tag - php" href="http://www.me-blogs-it.com/tag/PHP">PHP</a> of course, the WordPress-part!) and looks and behaves like an operating system. For all those of you who can speak <a title="tag - Germany" href="http://www.me-blogs-it.com/tag/germany">German</a>: Ihr könnt euch <a title="YouTube - JS-OS-Theme JavaScript Theme WordPress" href="http://www.youtube.com/watch?v=_xQ4ZWTIjKU" target="_blank">diesen Screencast</a> ansehen, in dem ich das Theme ausführlich vorstelle. For all those of you who can&#8217;t: Enjoy the &#8220;ö&#8221;s and &#8220;ü&#8221;s in the last sentence and believe that all your stereotypes about Germany are true. Or go directly to <a title="JS-OS-Theme JavaScript " href="http://trial.me-blogs-it.com">trial.me-blogs-it.com</a> &#8211; I&#8217;ve installed the Theme for experimental purpose and the test-posts are all in English!</p>
<p>I&#8217;ve done even more things in May!</p>
<p>Now, in June I began to teach myself <a title="tag - objective-c" href="http://www.me-blogs-it.com/tag/objective-c">Objective-C</a> to write <a title="tag - Mac" href="http://www.me-blogs-it.com/tag/mac">Mac</a> and <a title="tag - iPhone" href="http://www.me-blogs-it.com/tag/iphone">iPhone</a>-Apps! I&#8217;ve already done a dozen of &#8220;Hello, World!&#8221;-Tutorials, yet I haven&#8217;t learned anything at all&#8230; But before I begin to bore you with this I rather tell you about the two other projects which ended up in further subdomains:</p>
<p><span id="more-305"></span>The first one is a simple <a title="wysiwyg - what you see is what you get editor" href="http://wysiwyg.me-blogs-it.com">WYSIWYG-Editor</a>. I had to google for a long time until I found how to write one actually: The secret behind <a title="tag - wysiwyg" href="http://www.me-blogs-it.com/tag/wysiwyg">wysiwyg</a>-editors is an iframe with the JavaScript-method <span class="code">designMode = &#8220;on&#8221;;</span></p>
<pre style="word-wrap: break-word; white-space: pre-wrap;"><span style="color:grey;">function id2obj(id) {if(document.getElementById) {return(document.getElementById(id))} else if(document.all) {return(document.all.id);} }</span>
var Idocument = id2obj('showHTML').contentWindow.document;
Idocument.designMode = "on";</pre>
<p>The special thing about this wysiwyg-Editor: Next to the wysiwyg-Editor is a textarea with the sourcecode of the wysiwyg-editor. Now, if you type into the textarea, the sourcecode is simultaneously turned into <a title="tag - HTML" href="http://www.me-blogs-it.com/tag/html">HTML</a> and shown in the wysiwyg-editor. If you edit something in the wysiwyg-editor (btw: For all those of you who don&#8217;t know what this cryptical &#8220;wysiwyg&#8221; actually stands for: It means &#8220;What you see is what you get&#8221; &#8211; you know, <a title="YouTube - what you see is what you get - Britney Spears " href="http://www.youtube.com/watch?v=mttqlWLC3RI" target="_blank">this Britney Spears song</a>!) the sourcecode changes in the textarea at the same time! Unfortunately it doesn&#8217;t work in Firefox. It probably doesn&#8217;t work in the <a title="tag - I h8 IE" href="http://www.me-blogs-it.com/tag/Ih8IE">Internet Explorer</a>, but that&#8217;s a thing I don&#8217;t care about!</p>
<p>The last new subdomain: I was shocked when I read a study (I don&#8217;t know how old it was) in which it says that almost a quarter of all Internet users have a <a title="tag - screenresolution" href="http://www.me-blogs-it.com/tag/screenresolution">screen resolution</a> of 800&#215;600! I wanted to know how my sites actually look like in those screenresolutions and have written a simple php-file which makes customized resolutions possible: <a title="screen resolution - customized" href="http://800x600.me-blogs-it.com">800&#215;600.me-blogs-it.com</a></p>
<div id="attachment_307" class="wp-caption aligncenter" style="width: 610px"><img class="size-medium wp-image-307    " title="JS-OS-Theme screenshot" src="http://www.me-blogs-it.com/wp-content/uploads/screenshot-1024x508.png" alt="JavaScript-OperatingSystem-Theme WordPress screenshot" width="600" height="297" /><p class="wp-caption-text">JavaScript-OperatingSystem-Theme WordPress screenshot</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.me-blogs-it.com/subdomain-fire-three-new-things-i-want-to-tell-you-about-javascript-15-06-2009/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

