Adobe AIR教程for HTML/JAVASCRIPT开发者

最近不是太有空,加上泡网络时间太长,对新鲜事物的敏感度有所下降。因此当Adobe出了个AIR,我还是兴趣缺缺,没功夫去试用。
但是兴趣这玩意可能也有些生理周期,前几天突然来了神把这个AIR好好端详一番,却发觉网上暂时没有适合我这种初级新手看的AIR教程,鼓捣了几天,仍然是毫无进展,我甚至连个hello world之类的简单air package都打不出来。也许小时候特意去踩过狗屎,因此现在我又走上狗屎运,在即将放弃的前一刻找到了一篇比较细致的AIR教程,记录下来,好记性不如烂键盘。
俺目前的情况是,没有安装Dreamweaver,Flash之类的软件,只用一些免费软件,所以我只打算写html/javascript之类的代码,flash方面的暂时不涉及,另外adobe提供的dreamweaver air sdk也是用不上,可谓一穷二白。
第一步 — 安装Adobe AIR和Adobe AIR SDK
如果你还没装,可以去网站上下载Adobe AIR Runtime和Adobe AIR SDK.
装完Adobe AIR SDK以后,为了方便,你还需要把它的bin目录添加到系统的path变量下,这样你可以直接运行它的打包和debug工具。

评论 (6)

可以用button代替input type=”submit”吗

在ie下,<button>标记恐怕还存在几个不大不小的问题。

在一个表单里,如果有一个以上"submit"类型的<button>标签存在,在表单被提交时,不管你点击哪个<button>,所有<button>的值都会被post/get。
<button>的缺省type属性被设置为"button",但是在A级别浏览器下,应该设置为"submit"才对
如果你用javascript去访问<button>的value属性,IE却返回了<button>的innerHTML属性,很让人恼火。 (可以使用"getAttributeNode"方法来避免.)

例如,一段HTML:
PLAIN TEXT
CODE:

<form>

<button type="submit" value="1" name="action-1">text 1</button>

<button type="submit" value="2" name="action-2">text 2</button>

</form>

在IE下,上面两个button的数据都会被提交。并且ie会提交这两个button的innerText而不是value。而其它浏览器仅仅提交你点击的那个button。
以上,应该尽量避免使用button标记。

评论 (9)

html里各种link标签的作用

在打开wordpress页面的html源代码以后,能看到head标签里面有各式各样的link标签,想找到它们的确切作用以及出处,一直没有找到明确的说法,很是郁闷。
下面做个记录先:
PLAIN TEXT
CODE:

<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://feeds.feedburner.com/ooso" />

<link rel="alternate" type="text/xml" title="RSS .92" href="http://www.ooso.net/index.php/feed/rss" />

<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="http://www.ooso.net/index.php/feed/atom" />

这个看来是记录的博客RSS 2.0 / RSS 0.92 URL,在firefox中打开能看到地址栏最后面出现Feed图标,据说搜索引擎也会根据这个标签自动去爬行博客的RSS。但是我没找到这个标签的详细说明,仅仅在wikipedia上找到子言片语。
PLAIN TEXT
CODE:

<link rel="shortcut icon" type="image/ico" href="/favicon.ico" />

地址栏最前面的小图标...大家好像都认识的说
PLAIN TEXT
CODE:

<link rel='archives' title='2007年7月' href='http://www.ooso.net/index.php/archives/date/2007/07' />

........

<link rel='archives' title='2000年1月' href='http://www.ooso.net/index.php/archives/date/2000/01' />

blog的归档url,估计是供Search Engine爬行用的,曾经想把这段东东删掉...嘿嘿。
PLAIN TEXT
CODE:

<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.ooso.net/xmlrpc.php?rsd" />

供livewriter之类的离线编辑器使用的?
PLAIN TEXT
CODE:

<link rel="stylesheet" href="http://www.ooso.net/wp-content/plugins/ig_syntax_hilite/css/syntax_hilite_css.css" type="text/css" [...]

评论 (7)

小日本果然BT

你可能不知道,table还能这样用...

评论 (16)

Firefox下的自动跟随滚动css样式

今天写一个小页面,页面上有几个小button需要自动跟随页面滚动。这应该是很成熟的技术了,我想。一点html搭配上几行javascript,或许还有一些样式表,就能搞定这个功能。
首先是用css,一个expression完成。
PLAIN TEXT
CODE:

<style>

#scrollDiv{position:absolute;right:0px;top:expression(eval(document.body.scrollTop));}

</style>

<div id="scrollDiv">请让俺自动滚动</div>

在IE下,正常运作,在Firefox下却是毫无动静。然后我尝试用javascript,每30毫秒运行一次,试图让scrollDiv自动跟随,效率低下不说,关键是根本没能奏效。搜索了一番,换回css解决方式:
PLAIN TEXT
CODE:

<style>

#scrollDiv{position:fixed;right:0px;top:0px;}

* html #scrollDiv{top:expression(eval(document.body.scrollTop));} /*ie 5.5+认识俺*/

</style>

<div id="scrollDiv">请让俺自动滚动</div>

上面html就能工作了。
平常专心写php,还真没留意样式表还有这么多花样。向你致敬,一贯支持工作的美工大人!!

评论 (8)