<?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>无影的博客 &#187; 交互设计</title>
	<atom:link href="http://www.d5s.cn/archives/category/develop/interactive/feed" rel="self" type="application/rss+xml" />
	<link>http://www.d5s.cn</link>
	<description>我喜欢忽悠，她喜欢被忽悠。</description>
	<lastBuildDate>Thu, 09 Sep 2010 06:33:07 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Firefox 打开GI时, 不弹出安全确认对话框</title>
		<link>http://www.d5s.cn/archives/381</link>
		<comments>http://www.d5s.cn/archives/381#comments</comments>
		<pubDate>Thu, 09 Sep 2010 06:33:07 +0000</pubDate>
		<dc:creator>owen</dc:creator>
				<category><![CDATA[交互设计]]></category>

		<guid isPermaLink="false">http://www.d5s.cn/?p=381</guid>
		<description><![CDATA[Firefox对于本地文件也进行了同源访问的安全设置, 导致使用GI的时候, 每次都要弹出对话框确认, 很烦人.
设置firefox, about:config
security.fileuri.strict_origin_policy == false
这样就不会每次都弹出对话框来... ]]></description>
			<content:encoded><![CDATA[<p>Firefox对于本地文件也进行了同源访问的安全设置, 导致使用GI的时候, 每次都要弹出对话框确认, 很烦人.</p>
<p>设置firefox, about:config<br />
security.fileuri.strict_origin_policy == false</p>
<p>这样就不会每次都弹出对话框来询问了.<br />
Firefox 速度太慢了, 曾经我对她是那么的崇拜, 而如今只沦为GI的开发工具了.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.d5s.cn/archives/381/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SNS浪潮:拥抱社会化网络的新变革</title>
		<link>http://www.d5s.cn/archives/340</link>
		<comments>http://www.d5s.cn/archives/340#comments</comments>
		<pubDate>Sat, 03 Apr 2010 03:15:07 +0000</pubDate>
		<dc:creator>owen</dc:creator>
				<category><![CDATA[交互设计]]></category>

		<guid isPermaLink="false">http://www.d5s.cn/?p=340</guid>
		<description><![CDATA[一位朋友的新书《SNS浪潮》出版上市了，关注SNS的朋友，非常值得一读。
豆瓣点评：http://book.douban.com/subject/4265473/
内容提要：
本书通过互联网行业与社 会生活中的案例内容，向读者介绍了一... ]]></description>
			<content:encoded><![CDATA[<p>一位朋友的新书<a href="http://www.china-pub.com/831361" target="_blank">《SNS浪潮》</a>出版上市了，关注SNS的朋友，非常值得一读。</p>
<p>豆瓣点评：<a href="http://book.douban.com/subject/4265473/" target="_blank">http://book.douban.com/subject/4265473/</a></p>
<p><span style="display: inline;">内容提要：<br />
本书通过互联网行业与社 会生活中的案例内容，向读者介绍了一些互联网技术和新型网站的发展，揭示了社交网站兴起的因素。在探讨社交网站发展和网络开放平台的同时，也介绍、描述了 其对社会信息传播、行业组织、广告营销等方面的影响。最后通过新技术和产品应用，展望了未来社会化网络的趋势走向。<br />
本书适合从事信息技术、社 会传播、市场营销相关工作，以及广大互联网用户，或对IT行业有兴趣的人士阅读。</span></p>
<p><span style="display: inline;"><br />
书籍推荐：<br />
<strong>梁冬</strong> 独立跨文化研究者，前百度公司市场副总裁、凤凰卫视主持人<br />
——铅笔和钻石都由碳原子构成，导致其差别的原因只是其原子间的排列关系不同，亦即 SNS不同。所以当人们开始研究SNS之于人的意义时，我们相信人群的定义将会改写。</span></p>
<p><span style="display: inline;"><br />
<strong>胡泳</strong> 北京大学新闻与传播学院副教授，《数字化生存》、《未来是湿的》译者<br />
——SNS给我们提供了太多种可能性。但对中国而言，一定要牢记这样一个 事实：我们的网民的平均年龄很年轻。对于他们而言，彼此联系起来不是一个问题；关键在于，联系上以后应该干什么。所以，中国SNS的战略重点不应该是社 交，而应该是提供驱使用户互动的内容。</span></p>
<p><span style="display: inline;"><br />
<strong>洪波</strong>（Keso） 知名IT博客，五季咨讯合伙人<br />
——SNS浪潮表明，互联网已从信息的网 络，变成了人的网络，从工具、媒体，变成了社会。有互联网，没不可能。</span></p>
<p><span style="display: inline;"><br />
<strong>韩雪</strong> Google中国新业务拓展总经理<br />
——这几年 SNS持续爆炸式的增长，成为互联网的主流发展趋势之一。现在全世界所有网民超过六分之一的在线时间，花在SNS上。推荐本书，看看SNS如何从一个新兴 互联网趋势，成为一种影响世界的生活方式。</span></p>
<p><span style="display: inline;"><br />
<strong>郑志昊</strong> 腾讯QQ空间总经理<br />
——人际网，互联网，网中有你有我。这是一个承载浪潮和机 遇的时代，读懂《SNS浪潮》，捕捉SNS带给未来的机遇。</span></p>
<p><span style="display: inline;"><br />
<strong>赫畅</strong> M&amp;C SAACTCHI-I中国区 董事总经理<br />
—— SNS已经不只是一场互联网革命，而是一次伟大的改变人类生活的工程。它在完全镜像一个现实的世界，犹如一双上帝之手再创造一个虚拟新世界。每一个社会成 员都将不可避免也无可避免接受和进入虚拟化生存的世界。在这一刻，回顾SNS的发展历程并展望新的未来，显得尤为重要和难能可贵。</span></p>
<p><span style="display: inline;"><br />
<strong>高翔</strong> IDG技术创业投资基金（IDGVC Partners）合伙人<br />
——门户网站把内容联在了一起，即时通讯把我们联在了一起，而SNS把我们和 内容联在了一起，这就是互联网，整一个“联”字了得！让我们细细体会《SNS浪潮》带给我们的SNS这一互联网最新杰作的魅力吧！</span></p>
<p><span style="display: inline;"><br />
<strong>沈佳</strong> Facebook应用开发商RockYou创始人 CTO<br />
——如书中所述，SNS之上的开放平台，代表了新的产业模式和商业形态——所带来的 无穷机遇和挑战，会孕育出更多的明星企业的和创业传奇。</span></p>
<p><span style="display: inline;"><br />
<strong>卢汉森</strong>（Dominic Penaloza）  商务社交网站“优士网”(ushi.cn) CEO<br />
——SNS在全球已经形成一波新的互联网浪潮，这本书向读者全面、生动的展示它将如何深刻 地影响和改变我们工作及生活的方式，非常值得一读。</span></p>
<p><span style="display: inline;"><br />
<strong>郜韶飞</strong> SNS应用开发商五分钟（开心农场作者） 创始人 CEO<br />
——如果说 SNS让互联网融入了大众用户的生活，那么Social  Game就是让游戏融入了大众玩家的生活，而这两者又相伴而生。所以经过SNS浪潮，互联网的发展将走入一个全新的阶段。本书可谓SNS发展的“史记”， 值得一读！</span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.d5s.cn/archives/340/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TIBCO PageBus</title>
		<link>http://www.d5s.cn/archives/217</link>
		<comments>http://www.d5s.cn/archives/217#comments</comments>
		<pubDate>Fri, 14 Aug 2009 13:03:57 +0000</pubDate>
		<dc:creator>owen</dc:creator>
				<category><![CDATA[交互设计]]></category>

		<guid isPermaLink="false">http://www.d5s.cn/?p=217</guid>
		<description><![CDATA[What is PageBus?
TIBCO                 PageBus is an event                 and message bus implemented             [...... ]]></description>
			<content:encoded><![CDATA[<p>What is PageBus?</p>
<p>TIBCO                 PageBus is an event                 and message bus implemented                 in JavaScript that                 enables disparate                 Ajax elements in                 a Web page to broadcast                 and listen for events                 and messages published                 on topic names.</p>
<p>简单来说：发布一个消息，订阅了这个消息的程序，就会去执行相应的功能</p>
<p>B, C &#8230; Z 订阅了名为 “TibcoMessage”的一个消息。</p>
<p>当发布一个名称为&#8221;TibcoMessage&#8221;的消息时，B, C &#8230; Z 程序，都会去执行各自的事件，比如B 执行 刷新一个DOM, C 执行 删除一个DOM，&#8230;</p>
<p>这样就可以页面之间的事件关系，能做什么，看各自的需求吧。</p>
<p>可以简单的看几个例子，也许能更清楚的知道PageBus能干什么。</p>
<p><a href="http://developer.tibco.com/pagebus/samples/pubsub/demo.htm">Publish/Subscribe Example</a> 消息发布和订阅</p>
<p><a href="http://developer.tibco.com/pagebus/samples/perf/perf.htm">Performance Example</a> PageBus的性能测试</p>
<p>更多详情，还是访问官方网站吧：<a href="http://developer.tibco.com/pagebus/" target="_blank">http://developer.tibco.com/pagebus/</a></p>
<h3><strong>延伸阅读</strong></h3>
<p><a href="http://bbs.lebwork.org/viewthread.php?tid=146" target="_blank">超越轮询？考虑PubSub、Push和MOM</a></p>
<p>为了给45000名使用者检查更新，FriendFeed向Flickr轮询了290万次。而且在这45000名使用者中，在任意时刻只有6700名处于已登录状态。这当然是一种蹩脚的内容更新检查方式。</p>
<p>解决这个问题的关键在于将标准REST Web服务抛在脑后，找出一种使用消息传递的方式，它是一种通知使用者内容变更的直接<span onclick="tagshow(event)">通信</span>方式。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.d5s.cn/archives/217/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>GITAK Server (collect the gitak result log)</title>
		<link>http://www.d5s.cn/archives/167</link>
		<comments>http://www.d5s.cn/archives/167#comments</comments>
		<pubDate>Wed, 03 Jun 2009 03:12:46 +0000</pubDate>
		<dc:creator>owen</dc:creator>
				<category><![CDATA[交互设计]]></category>
		<category><![CDATA[程序]]></category>
		<category><![CDATA[GITAK SERVER]]></category>

		<guid isPermaLink="false">http://www.d5s.cn/?p=167</guid>
		<description><![CDATA[

What is GITAK Server?


TIBCO General Interface(TM) Test Automation Kit Server
collect the result log.
automatically start/stop/control any supported browser.
The GITAK Server allows you to run your GITAK HTML test suite against a remote webserver depl... ]]></description>
			<content:encoded><![CDATA[<ul>
<li>
<h3><strong>What is GITAK Server?</strong></h3>
</li>
</ul>
<p style="padding-left: 30px;">TIBCO General Interface(TM) Test Automation Kit Server<br />
collect the result log.<br />
automatically start/stop/control any supported browser.</p>
<p style="padding-left: 30px;">The GITAK Server allows you to run your GITAK HTML test suite against a remote webserver deployed General Interface (GI) application and collect the result log.</p>
<ul>
<li>
<h3>GITAK Server Operating environment</h3>
</li>
</ul>
<p style="padding-left: 30px;">GI 3.7: <a href="http://developer.tibco.com/gi/product_resources37.jsp" target="_blank">http://developer.tibco.com/gi/product_resources37.jsp</a><br />
GITAK 0.9: <a href="http://developer.tibco.com/gi/product_resources_gitak1.jsp" target="_blank">http://developer.tibco.com/gi/product_resources_gitak1.jsp</a><br />
JDK 6: <a href="http://download.java.net/jdk6/" target="_blank">http://download.java.net/jdk6/</a><br />
Tomcat 6.x: <a href="http://tomcat.apache.org/download-60.cgi" target="_blank">http://tomcat.apache.org/download-60.cgi</a></p>
<ul>
<li>
<h3>How to configure it?</h3>
</li>
</ul>
<ol>
<li>Create a folder，c:/gitak_server.</li>
<li>Access to gitak path “gitak/server/”, copy classes12.zip, selenium-server.jar into c:/gitak_server/.<br />
(But you would better get them from here, because the GITAK Server 0.9 not support firefox3 now.)</li>
<li>classes12.zip: <a href="http://svn.generalinterface.org/trunk/gitak/server/classes12.zip">http://svn.generalinterface.org/trunk/gitak/server/classes12.zip</a><br />
selenium-server.jar: <a href="http://svn.generalinterface.org/trunk/gitak/server/selenium-server.jar">http://svn.generalinterface.org/trunk/gitak/server/selenium-server.jar</a></li>
<li>Copy gi folder into “Tomcat 6.0/webapps/ROOT/”, and then svn checkout your project being tested.<br />
For exapmle:  you checkout UXCore, QAToUXCore.<br />
The directory structure:<br />
webapps/ROOT/gi<br />
webapps/ROOT/UXCore<br />
webapps/ROOT/QAToUXCore</li>
<li>Access to tomcat folder “webapps/ROOT/QAToUXCore” , create file “index.html”.<br />
To ensure that you have access to the following url (the folder name is case-sensitive)<br />
http://localhost:8080/gi/JSX/js/JSX30.js<br />
http://localhost:8080/QAToUXCore/</li>
<li>Copy your test script files into “c:/gitak_server/gitak-tests/”, then edit TestSetup.html.</li>
<li>Create file run_gitak_win_sp3.bat, run_gitak_fx3.bat, run_gitak_ie7.bat into “c:/gitak_server”.</li>
</ol>
<ul>
<li>
<h3>How to run it?</h3>
</li>
</ul>
<ol>
<li>Run Tomcat server.</li>
<li>Double click run_gitak_win_sp3.bat，then wait for result log being created.</li>
</ol>
<p>Download attach file: <a href="http://www.d5s.cn/wp-content/uploads/2009/06/gitak_server.zip">gitak_server.zip</a> (above mentioned files)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.d5s.cn/archives/167/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS3伪类选择器</title>
		<link>http://www.d5s.cn/archives/154</link>
		<comments>http://www.d5s.cn/archives/154#comments</comments>
		<pubDate>Fri, 24 Apr 2009 15:06:51 +0000</pubDate>
		<dc:creator>owen</dc:creator>
				<category><![CDATA[交互设计]]></category>

		<guid isPermaLink="false">http://www.d5s.cn/?p=154</guid>
		<description><![CDATA[先看看这篇文章，浏览器所支持的 CSS Selecter http://www.evotech.net/blog/2008/09/google-chrome-browser-css-selector-support/ ,看来google Chrom 和 Safari 是对 CSS Selecter 支持最好的。
转自：http://www.webjx.com/css/divcss-1023... ]]></description>
			<content:encoded><![CDATA[<p>先看看这篇文章，浏览器所支持的 CSS Selecter <a href="http://www.evotech.net/blog/2008/09/google-chrome-browser-css-selector-support/" target="_blank">http://www.evotech.net/blog/2008/09/google-chrome-browser-css-selector-support/</a> ,看来google Chrom 和 Safari 是对 <a href="http://www.w3.org/TR/css3-selectors/" target="_blank">CSS Selecter</a> 支持最好的。</p>
<p>转自：<a href="http://www.webjx.com/css/divcss-10232.html" target="_blank">http://www.webjx.com/css/divcss-10232.html</a></p>
<p>CSS3的强大，让人惊叹，人们在惊喜之余，又不得不为其艰难的道路感到可惜：好的标准只有得到行业浏览器的良好支持才算得上“标准”。CSS3标 准已提出数年，但是目前能实现她的浏览器并不多，虽然部分浏览器能实现部分规范，但这又有什么用呢？面对更多的兼容性问题，CSSer们只有望洋轻叹。虽 然如此，但有前瞻性的我们，又怎能停步不前呢？今天我们就来“前瞻”一下CSS3的一个伪类选择器<strong>“:nth-child()”</strong>。</p>
<p><strong>语法：</strong></p>
<pre class="code">:nth-child(<em>an+b</em>)</pre>
<p>为什么选择她，因为我认为，这个选择器是最多学问的一个了。很可惜，据我所测，目前能较好地支持她的只有Opera9+和Safari3+。</p>
<p><strong>描述：</strong></p>
<p>伪类<strong>:nth-child()</strong>的参数是<em>an+b</em>，如果按照w3.org上的描述，写成中文，很可能会让人头晕，再加上笔者的文笔水平有限，所以我决定避开an+b的说法，把它拆分成5种写法共5部分来说明。</p>
<h3><strong>第一种：简单数字序号写法</strong></h3>
<p><strong>:nth-child(<em>number</em>)</strong></p>
<p>直接匹配第number个元素。参数<em>number</em>必须为大于0的整数。</p>
<p>例子：<strong><br />
</strong></p>
<pre class="code">li:nth-child(3){background:orange;}/*把第3个LI的背景设为橙色*/</pre>
<h3><strong>第二种：倍数写法</strong></h3>
<p><strong>:nth-child(<em>an</em>)</strong></p>
<p>匹配所有倍数为a的元素。其中参数<em>an</em>中的字母<em>n</em>不可缺省，它是倍数写法的标志，如3n、5n。</p>
<p>例子：</p>
<p>li:nth-child(3n){background:orange;}/*把第3、第6、第9、…、所有3的倍数的LI的背景设为橙色*/</p>
<h3><strong>第三种：倍数分组匹配</strong></h3>
<p><strong>:nth-child(<em>an+b</em>) 与 </strong><strong>:nth-child(<em>an-b</em>)</strong></p>
<p>先对元素进行分组，每组有<em>a</em>个，<em>b</em>为组内成员的序号，其中字母<em>n</em>和加号<em>+</em>不可缺省，位置不可调换，这是该写法的标志，其中<em>a</em>,<em>b</em>均为正整数或0。如3n+1、5n+1。但加号可以变为负号，此时匹配组内的第a-b个。（其实<em>an</em>前面也可以是负号，但留给下一部分讲。）</p>
<p>例子：</p>
<p>li:nth-child(3n+1){background:orange;}/*匹配第1、第4、第7、…、每3个为一组的第1个LI*/</p>
<p>li:nth-child(3n+5){background:orange;}/*匹配第5、第8、第11、…、从第5个开始每3个为一组的第1个LI*/</p>
<p>li:nth-child(5n-1){background:orange;}/*匹配第5-1=4、第10-1=9、…、第5的倍数减1个LI*/</p>
<p>li:nth-child(3n±0){background:orange;}/*相当于(3n)*/</p>
<p>li:nth-child(±0n+3){background:orange;}/*相当于(3)*/</p>
<h3><strong>第四种：反向倍数分组匹配</strong></h3>
<p><strong>:nth-child(<em>-an+b</em>)</strong></p>
<p>此处一负一正，均不可缺省，否则无意义。这时与<strong>:nth-child(<em>an+1</em>)</strong>相似，都是匹配第1个，但不同的是它是倒着算的，从第<em>b</em>个开始往回算，所以它所匹配的最多也不会超过<em>b</em>个。</p>
<p>例子：</p>
<p>li:nth-child(-3n+8){background:orange;}/*匹配第8、第5和第2个LI*/</p>
<p>li:nth-child(-1n+8){background:orange;}/*或(<em>-n+8</em>)，匹配前8个（包括第8个）LI，这个较为实用点，用来限定前面N个匹配常会用到*/</p>
<h3><strong>第五种：奇偶匹配</strong></h3>
<p><strong>:nth-child(<em>odd</em>) 与 </strong><strong>:nth-child(<em>even</em>)</strong></p>
<p>分别匹配序号为奇数与偶数的元素。奇数(odd)与(2n+1)结果一样；偶数(even)与(2n+0)及(2n)结果一样。</p>
<p><strong>附：例子效果图</strong></p>
<p><img title="CSS3 :nth-child" src="http://www.webjx.com/files/allimg/090304/2155060.jpg" alt="" width="500" height="168" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.d5s.cn/archives/154/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>GITAK TestRunner 的一点儿使用心得</title>
		<link>http://www.d5s.cn/archives/142</link>
		<comments>http://www.d5s.cn/archives/142#comments</comments>
		<pubDate>Mon, 20 Apr 2009 05:17:40 +0000</pubDate>
		<dc:creator>owen</dc:creator>
				<category><![CDATA[交互设计]]></category>

		<guid isPermaLink="false">http://www.d5s.cn/?p=142</guid>
		<description><![CDATA[GITAK 可以自动化测试由 TIBCO General Interface 所开发的项目。基于selenium开发。
GITAK和文档 下载地址：http://developer.tibco.com/gi/product_resources_gitak1.jsp

图1，这里可以输入GI Test Suite的路径，选择被测... ]]></description>
			<content:encoded><![CDATA[<p>GITAK 可以自动化测试由 TIBCO General Interface 所开发的项目。基于selenium开发。<br />
GITAK和文档 下载地址：<a href="http://developer.tibco.com/gi/product_resources_gitak1.jsp">http://developer.tibco.com/gi/product_resources_gitak1.jsp</a></p>
<p><a href="http://www.d5s.cn/wp-content/uploads/2009/04/gitak.gif"><img class="alignnone size-medium wp-image-143" title="gitak" src="http://www.d5s.cn/wp-content/uploads/2009/04/gitak-300x181.gif" alt="gitak" width="300" height="181" /></a></p>
<p>图1，这里可以输入GI Test Suite的路径，选择被测试的用例。<br />
如果是绝对路径类似这样：file:///e:/gi/gitak-tests/TestSuite.html</p>
<p>图2，测试用例代码，错误的时候，会用红色标注错误<br />
点击某一行后，会以灰色选中当前行，测试单个suite时，会暂停到此处。</p>
<p>图3，测试播放按钮、测试结果、辅助工具，“View DOM” 按钮相当有用。<br />
4个按钮分别是：测试全部、测试单个、暂停/继续、单步步进<br />
Fast&#8211;Slow，滑动块，测试执行的速度快慢<br />
Hightlight elements 复选框，勾选后，会以黄色标注被测试的组件</p>
<p>图4，被测试的项目，测试效果会显示在这里。</p>
<p>图5，测试时，所出现的一个Dialog</p>
<p>图6，点击“View DOM” 时，出现这个 General Interface DOM 界面</p>
<p>打开gitak的目录之后，有一些实例，可以参考。<br />
目录：gi/tests/gi34 这里是测试用例<br />
目录：gi/samples/gi34 这里是被测试的项目</p>
<p>设置firefox, about:config<br />
security.fileuri.strict_origin_policy == false</p>
<p>如何写一个最简单的测试用例？<br />
1、进入GITAK目录，gi/test/gi34/，复制 testSetup.html, testSuite.html 到一个新目录，<br />
e:/gi_project/test/</p>
<p>2、编辑 testSetup.html<br />
定义GI的路径：|store|file:///E:/tibco|GIPATH|<br />
定义被测项目的路径：|store|${GIPATH}/All_Project/JSXAPPS|SAMPLESPATH|<br />
store: 定义个变量<br />
storeEval: 定义一个变量，可以执行一些JavaScript代码<br />
echo: 打印输出某个变量或值，变量标示为：${VARNAME}</p>
<p>3、testSuite.html 定义一些测试用例的连接<br />
如：&lt;a href=&#8221;uxcoreDialog.html&#8221;&gt;uxcoreDialog&lt;/a&gt;</p>
<p>4、新建一个文件 uxcoreDialog.html，类似如下代码：<br />
<span class="code"><br />
&lt;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD HTML 4.01 Transitional//EN&#8221;&gt;<br />
&lt;html&gt;<br />
&lt;head&gt;<br />
&lt;meta content=&#8221;text/html; charset=ISO-8859-1&#8243; http-equiv=&#8221;content-type&#8221;&gt;<br />
&lt;title&gt;Uxcore Test Dialog Alerts&lt;/title&gt;<br />
&lt;/head&gt;<br />
&lt;body&gt;<br />
&lt;table cellpadding=&#8221;1&#8243; cellspacing=&#8221;1&#8243; border=&#8221;1&#8243;&gt;<br />
&lt;tbody&gt;<br />
&lt;tr&gt;&lt;td rowspan=&#8221;1&#8243; colspan=&#8221;3&#8243;&gt;Test sample-dialog&lt;/td&gt;&lt;/tr&gt;<br />
&lt;tr&gt;&lt;td&gt;include&lt;/td&gt;&lt;td&gt;testSetup.html&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;<br />
&lt;tr&gt;&lt;td&gt;open&lt;/td&gt;&lt;td&gt;${GIPATH}/shell.html?jsxapppath=${SAMPLESPATH}/QAToUXCore&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;<br />
&lt;tr&gt;&lt;td&gt;waitForJsxButtonPresent&lt;/td&gt;&lt;td&gt;JsxButtonText=Dialogs&lt;/td&gt;&lt;td&gt;5000&lt;/td&gt;&lt;/tr&gt;<br />
&lt;tr&gt;&lt;td&gt;verifyJsxButtonPresent&lt;/td&gt;&lt;td&gt;JsxButtonText=Dialogs&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;<br />
&lt;tr&gt;&lt;td&gt;click&lt;/td&gt;&lt;td&gt;JsxButtonText=Dialogs&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;<br />
&lt;/tbody&gt;<br />
&lt;/table&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;<br />
</span><br />
以上代码，具体测试流程是：<br />
载入estSetup.html文件；<br />
打开QAToUXCore项目；<br />
等待5秒，按钮文字等于“Dialogs”的按钮显示；<br />
确认按钮文字等于“Dialogs”的按钮，已经显示；<br />
点击按钮文字等于“Dialogs”的按钮；</p>
<p>具体命令，可以查看 gi/doc/* 下面的说明文档</p>
<p>5、打开GITAK，输入file:///e:/gi_project/test/testSuite.html, 点击go，即可看到测试效果</p>
<p>总结：点击“View DOM”按钮后，出现在图6中的元素，都可以很方便的以JsxName=? 的方式来查找。这里显示的是getBodyBlock()所找到的内容。<br />
通过  getRootBlock().paintChild(obj) 所插入的节点，在这里找不到。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.d5s.cn/archives/142/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ajax通用表单提交</title>
		<link>http://www.d5s.cn/archives/111</link>
		<comments>http://www.d5s.cn/archives/111#comments</comments>
		<pubDate>Sat, 13 Dec 2008 03:41:28 +0000</pubDate>
		<dc:creator>owen</dc:creator>
				<category><![CDATA[交互设计]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[表单提交]]></category>

		<guid isPermaLink="false">http://www.d5s.cn/?p=111</guid>
		<description><![CDATA[Ajax通用表单提交功能：把FORM表单中的值，通过AJAX方式提交到某页面
说明：

以下FORM表单中，有name属性的、被checked的元素会被传递；disabled元素不被传递。
不支持FORM表单中文件上传控件

测... ]]></description>
			<content:encoded><![CDATA[<p>Ajax通用表单提交<script src="http://wap.blueidea.com/app/js/jquery.js" type="text/javascript"></script>功能：把FORM表单中的值，通过AJAX方式提交到某页面</p>
<p>说明：</p>
<ul>
<li>以下FORM表单中，有name属性的、被checked的元素会被传递；disabled元素不被传递。</li>
<li>不支持FORM表单中文件上传控件</li>
</ul>
<p>测试地址：<a href="http://www.d5s.cn/example/ajax/ajax_form.php" target="_blank">http://www.d5s.cn/example/ajax/ajax_form.php</a></p>
<p>源码：打开以上网址后，查看源文件即可。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.d5s.cn/archives/111/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>jquery到底对object做了什么？</title>
		<link>http://www.d5s.cn/archives/101</link>
		<comments>http://www.d5s.cn/archives/101#comments</comments>
		<pubDate>Wed, 08 Oct 2008 08:26:31 +0000</pubDate>
		<dc:creator>owen</dc:creator>
				<category><![CDATA[交互设计]]></category>

		<guid isPermaLink="false">http://www.d5s.cn/archives/101</guid>
		<description><![CDATA[还是看实际代码吧？
http://www.d5s.cn/example/js/js_flash.html 正常
http://www.d5s.cn/example/js/jquery_flash.html 出错
一个使用的是 document.getElementById(&#8217;XXX&#8217;).innerHTML = str;
另一个使用    $(&#8221;#XXX&#8221;).... ]]></description>
			<content:encoded><![CDATA[<p>还是看实际代码吧？</p>
<p><a href="http://www.d5s.cn/example/js/js_flash.html">http://www.d5s.cn/example/js/js_flash.html</a> 正常</p>
<p><a href="http://www.d5s.cn/example/js/jquery_flash.html">http://www.d5s.cn/example/js/jquery_flash.html</a> 出错</p>
<p>一个使用的是 document.getElementById(&#8217;XXX&#8217;).innerHTML = str;</p>
<p>另一个使用    $(&#8221;#XXX&#8221;).html(str);</p>
<p>结果，使用了jquery方法，会出现一些BUG在IE，其他浏览器未发现。</p>
<p>我之前也写过一篇文章： <a href="http://" title="http://www.d5s.cn/archives/79">http://www.d5s.cn/archives/79</a></p>
<p>我以为 是使用jquery造成的，看来是jquery对object做了特殊处理，到底做了什么处理呢？我还不清楚，希望哪位js达人告诉我。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.d5s.cn/archives/101/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Ajax Library API</title>
		<link>http://www.d5s.cn/archives/91</link>
		<comments>http://www.d5s.cn/archives/91#comments</comments>
		<pubDate>Tue, 17 Jun 2008 06:00:29 +0000</pubDate>
		<dc:creator>owen</dc:creator>
				<category><![CDATA[交互设计]]></category>

		<guid isPermaLink="false">http://www.d5s.cn/archives/91</guid>
		<description><![CDATA[不知道现在还有多少网站是自己从头开始写js的，至少我现在已经离不开jquery了，在做一个网站之前，必定要先引入js类库&#8211;jquery
如果大家都从一个地方载入js类库，那么载入速度将会快很多... ]]></description>
			<content:encoded><![CDATA[<p>不知道现在还有多少网站是自己从头开始写js的，至少我现在已经离不开jquery了，在做一个网站之前，必定要先引入js类库&#8211;jquery</p>
<p>如果大家都从一个地方载入js类库，那么载入速度将会快很多，伟大的google已经帮我们想到了 <a target="_blank" href="http://googleajaxsearchapi.blogspot.com/2008/05/speed-up-access-to-your-favorite.html">Google Ajax Library API</a></p>
<p>看看 “某人的栖息地” 写的教程说明：<a href="http://www.ooso.net/index.php/archives/404">http://www.ooso.net/index.php/archives/404</a></p>
<p>呼吁各位使用这些 jQuery、prototype、script.aculo.us、MooTools、dojo 类库的朋友，都自己从 Google Ajax Library API 下载吧</p>
]]></content:encoded>
			<wfw:commentRss>http://www.d5s.cn/archives/91/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>使用widget</title>
		<link>http://www.d5s.cn/archives/86</link>
		<comments>http://www.d5s.cn/archives/86#comments</comments>
		<pubDate>Thu, 05 Jun 2008 15:22:49 +0000</pubDate>
		<dc:creator>owen</dc:creator>
				<category><![CDATA[交互设计]]></category>

		<guid isPermaLink="false">http://www.d5s.cn/archives/86</guid>
		<description><![CDATA[先认识一下什么是widget？
http://baike.baidu.com/view/704016.htm
现在widget，已经由yahoo把它发扬光大了。
具体可以在这里下载 。
充分利用，每天面对次数最多的桌面，让你的工作，摆满屏幕。
1、使用... ]]></description>
			<content:encoded><![CDATA[<p>先认识一下什么是widget？</p>
<p><a target="_blank" href="http://baike.baidu.com/view/704016.htm">http://baike.baidu.com/view/704016.htm</a></p>
<p>现在widget，已经由yahoo把它发扬光大了。</p>
<p>具体可以在<a target="_blank" href="http://widget.cn.yahoo.com/download.htm">这里下载 </a>。</p>
<p>充分利用，每天面对次数最多的桌面，让你的工作，摆满屏幕。</p>
<p>1、使用 &#8220;<a target="_blank" href="http://widget.cn.yahoo.com/gallery/view.htm?widgetID=287&amp;cate=6">桌面停靠栏</a>&#8221; ，来管理你混乱复杂的桌面图标，让你桌面和MAC一样。</p>
<p>2、使用“<a target="_blank" href="http://widget.cn.yahoo.com/gallery/view.htm?widgetID=282&amp;cate=8">X-TASK计划任务</a>”，来管理每天的工作，以及代办事项。</p>
<p>3、使用 “<a target="_blank" href="http://widget.cn.yahoo.com/gallery/view.htm?widgetID=127&amp;cate=1">yahoo记事本</a>”，随手记下，手边的工作和事情。</p>
<p>4、其他一些 系统管理、天气预报、时间、日历，之类的，可以在这里</p>
<p><a href="http://widget.cn.yahoo.com/gallery/view.htm?widgetID=127&amp;cate=1">http://widget.cn.yahoo.com/gallery/view.htm?widgetID=127&amp;cate=1</a></p>
<p><a href="http://www.widgetgallery.com/">http://www.widgetgallery.com</a></p>
<p>找到你想要的扩展。</p>
<p>然后就是让我这个懒人，变得更懒，更高效。</p>
<p>如果你有需求，甚至可以自己编写一个 widget 组件。</p>
<p>开发文档：<a href="http://widget.cn.yahoo.com/document.htm">http://widget.cn.yahoo.com/document.htm</a></p>
<p>附一张我的桌面</p>
<p><a href="http://www.d5s.cn/wp-content/uploads/2008/06/widget.jpg" title="widget"><img src="http://www.d5s.cn/wp-content/uploads/2008/06/widget.thumbnail.jpg" alt="widget" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.d5s.cn/archives/86/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
