<?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>mysrc.de &#187; jQTouch</title>
	<atom:link href="http://www.mysrc.de/tag/jqtouch/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.mysrc.de</link>
	<description>- jQuery, Mootools u.a. JS-Frameworks</description>
	<lastBuildDate>Sun, 01 Aug 2010 02:49:35 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>jQuery für mobile Browser (jQTouch)</title>
		<link>http://www.mysrc.de/jquery/jquery-fur-mobile-browser-jqtouch/</link>
		<comments>http://www.mysrc.de/jquery/jquery-fur-mobile-browser-jqtouch/#comments</comments>
		<pubDate>Thu, 02 Apr 2009 09:09:47 +0000</pubDate>
		<dc:creator>Stefan Huissel</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[jQTouch]]></category>
		<category><![CDATA[Mobil]]></category>
		<category><![CDATA[Plugin]]></category>

		<guid isPermaLink="false">http://www.mysrc.de/?p=310</guid>
		<description><![CDATA[In Zeiten in denen mobile Endgeräte immer leistungsfähiger werden, nehmen natürlich auch die Browser dafür an Bedeutung zu. Genau dafür kommt das sich derzeit in der Entwicklung befindende JQuery Plugin jQTouch von David Kaneda in Frage. Er arbeitet derzeit also noch daran, aber dieses Plugin sollte im Auge behalten werden, da sich damit jQuery Funktionen [...]]]></description>
			<content:encoded><![CDATA[<p>In Zeiten in denen mobile Endgeräte immer leistungsfähiger werden, nehmen natürlich auch die Browser dafür an Bedeutung zu. Genau dafür kommt das sich derzeit in der Entwicklung befindende JQuery Plugin <a href="http://www.jqtouch.com/">jQTouch</a> von David Kaneda in Frage.<br />
Er arbeitet derzeit also noch daran, aber dieses Plugin sollte im Auge behalten werden, da sich damit jQuery Funktionen auf die weniger bekannten mobilen Browser umsetzen lassen. </p>
<p>Ein Beispiel:</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p310code3'); return false;">View Code</a> JAVASCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p3103"><td class="line_numbers"><pre>1
2
3
4
5
</pre></td><td class="code" id="p310code3"><pre class="javascript" style="font-family:monospace;"><span style="color: #006600; font-style: italic;">//initialisierung des jQTouch Plugins</span>
$<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">jQTouch</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
   icon<span style="color: #339933;">:</span> <span style="color: #3366CC;">'jqtouch.png'</span><span style="color: #339933;">,</span>
   statusBar<span style="color: #339933;">:</span> <span style="color: #3366CC;">'black-translucent'</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>Attribute die für eine iPhone Applikation gesetzt sein müssen:</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p310code4'); return false;">View Code</a> JAVASCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p3104"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
</pre></td><td class="code" id="p310code4"><pre class="javascript" style="font-family:monospace;"> fullScreen<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span>
 slideInSelector<span style="color: #339933;">:</span> <span style="color: #3366CC;">'ul li a'</span><span style="color: #339933;">,</span>
 backSelector<span style="color: #339933;">:</span> <span style="color: #3366CC;">'.back'</span><span style="color: #339933;">,</span>
 flipSelector<span style="color: #339933;">:</span> <span style="color: #3366CC;">'.flip'</span><span style="color: #339933;">,</span>
 slideUpSelector<span style="color: #339933;">:</span> <span style="color: #3366CC;">'.slideup'</span><span style="color: #339933;">,</span>
 statusBar<span style="color: #339933;">:</span> <span style="color: #3366CC;">'default'</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">// options: black-translucent, blac</span>
 icon<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">null</span><span style="color: #339933;">,</span>
 iconIsGlossy<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span>
 fixedViewport<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span></pre></td></tr></table></div>

<p>Desweitern soll es noch die bekannten Funktionen für Animationen, etc. bereitstellen.<br />
Längerfristig soll das Plugin auch mit neuen Palm Pre und dem G1 funktionieren. </p>
<h3  class="related_post_title">Ähnliche Artikel</h3><ul class="related_post"><li>23. März 2010 -- <a href="http://www.mysrc.de/jquery/praxistipp-%e2%80%93-jqtransform-bug-bei-input-in-firefox-3-5-2/" title="Praxistipp – jqTransform Bug bei input in Firefox > 3.5.2">Praxistipp – jqTransform Bug bei input in Firefox > 3.5.2</a></li><li>20. Oktober 2009 -- <a href="http://www.mysrc.de/jquery/praxistipp-jqtransform-button-width-einstellen/" title="Praxistipp: jqTransform Button width einstellen">Praxistipp: jqTransform Button width einstellen</a></li><li>16. Oktober 2009 -- <a href="http://www.mysrc.de/jquery/praxistipp-jqtransform-width-bug/" title="Praxistipp &#8211; jqTransform width bug">Praxistipp &#8211; jqTransform width bug</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.mysrc.de/jquery/jquery-fur-mobile-browser-jqtouch/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
