飞扬轻狂's blog » javascript http://blog.fallseir.com 我心飞扬 我意轻狂 Tue, 31 Aug 2010 06:59:07 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 AIR Helloworld http://blog.fallseir.com/2010/03/air-helloworld/ http://blog.fallseir.com/2010/03/air-helloworld/#comments Tue, 02 Mar 2010 09:42:29 +0000 飞扬轻狂 http://blog.fallseir.com/?p=197 Read the Rest...
]]> 使用AIR快速开始一个Helloworld程序

关键步骤：
1、安装AIR环境
2、安装SDK
3、构建Helloworld项目
4、安装并测试Helloworld项目
==========================================
具体细节：
1、安装AIR环境
* 到Adobe下载AIR环境
* 安装AIR环境 ，本文使用的是 Adobe AIR 1.5.3.9130 版本
————————————————–
2、安装SDK
* 到Adobe下载SDK
* 将下载到的SDK包解压并放置到运行目录
本文下载的SDK版本为 adt version “1.5.3.9120″
本文SDK安装目录为 D:\Program Files\Adobe\AdobeAIRSDK
* 配置环境变量 将AIR SDK的工作路径添加到 PATH 变量中，（使adt和adl可以在任意目录以短路径方式启动）
PATH = [... 保持原有的PATH值不变];D:\Program Files\Adobe\AdobeAIRSDK\bin
————————————————–
3、构建Helloworld项目
* 创佳Helloworld项目
1)、创建Helloworld目录
本文全路径为 e:\learn\AIR\Helloworld
进入 Helloworld ，开始构建 helloworld 应用
除非明确说明 否则之后描述的文件和路径都是相对于此路径开始
2)、创建项目描述文件 HelloWorld-app.xml

<?xml version="1.0" encoding="UTF-8"?>
<application xmlns="http://ns.adobe.com/air/application/1.5">
    <id>examples.html.HelloWorld</id>
    <version>0.1</version>
    <filename>HelloWorld</filename>
    <initialWindow>
        <content>HelloWorld.html</content>
        <visible>true</visible>
        <width>400</width>
        <height>200</height>
    </initialWindow>
</application>

3)、创建应用界面 HelloWorld.html

<html>
<head>
    <title>Hello World</title>
    <script type="text/javascript" src="AIRAliases.js"></script>
    <script type="text/javascript">
        function appLoad(){
            air.trace("Hello World");
        }
    </script> 

</head>
<body onLoad="appLoad()">
    <h1>Hello World</h1>
</body>
</html>

4)、测试应用
* 打开 cmd 并 cd 进入应用目录
* 运行命令 adl HelloWorld-app.xml
* > 系统将调用AIR运行时，启动一个400×200的窗口应用并呈现Helloworld字符
* > 系统在控制台输出 Hello World 字符
————————————————–
4、安装并测试Helloworld项目
1)、生成自签名证书和密钥对
* 运行命令 adt –certificate -cn SelfSigned 1024-RSA sampleCert.pfx samplePassword
* 系统将在当前目录生成密钥文件 sampleCert.pfx
2)、创建 AIR 安装文件
* 运行命令 adt -package -storetype pkcs12 -keystore sampleCert.pfx HelloWorld.air
HelloWorld-app.xml HelloWorld.html AIRAliases.js
* 根据系统提示输入密钥文件的密码 samplePassword
* 系统将根据 helloworld-app.xml 的描述生成AIR应用程序，并将helloworld.html 和 airaliases.js 当作附加资源嵌入AIR应用程序中
3)、安装 Helloworld 应用
* 双击 helloworld.air 或在命令行下执行 hellowrold.air 命令
* 系统调用本地的air运行时环境解释helloworld.air并开始应用安装
* 根据系统提示进行安装
4)、当安装完成后，通过双击helloworld的快捷方式或到安装目录打开helloworld.exe 即可运行helloworld应用
————————————————–
参考：
* 使用 AIR SDK 创建第一个基于 HTML 的 AIR 应用程序http://help.adobe.com/zh_CN/AIR/1.5/devappshtml/WS5b3ccc516d4fbf351e63e3d118666ade46-7ecc.html
——————————————
资源：
* 使用 HTML 和 Ajax 开发 Adobe AIR 1.5 应用程序
* 针对 HTML 开发人员的 AIR 语言参考
* Flex 3.2 语言参考
* Adobe AIR 开发人员中心

]]> http://blog.fallseir.com/2010/03/air-helloworld/feed/ 0 技巧:博客圈的json输出 in feedsky http://blog.fallseir.com/2007/06/%e6%8a%80%e5%b7%a7%e5%8d%9a%e5%ae%a2%e5%9c%88%e7%9a%84json%e8%be%93%e5%87%ba-in-feedsky/ http://blog.fallseir.com/2007/06/%e6%8a%80%e5%b7%a7%e5%8d%9a%e5%ae%a2%e5%9c%88%e7%9a%84json%e8%be%93%e5%87%ba-in-feedsky/#comments Fri, 15 Jun 2007 08:15:17 +0000 飞扬轻狂 http://blog.fallseir.com/2007/06/%e6%8a%80%e5%b7%a7%e5%8d%9a%e5%ae%a2%e5%9c%88%e7%9a%84json%e8%be%93%e5%87%ba-in-feedsky/ Read the Rest...
]]> 技巧:博客圈的json输出 in feedsky
json: http://network.feedsky.com/test_fn/json?d=0&c=15&p=2&e=gbk&v=obj
feedsky发布了新的博客圈系统，并提供了json输出的支持
上面的代码就是我建的一个博客圈的json输出地址
d代表是否输出描述
c代表输出条数
p代表输出的页面（json版的支持分页显示！）
e代表输出的编码（建议使用utf-8或者gbk！）
v代表输出的变量名
比如这个地址的内容 （http://network.feedsky.com/test_fn/json?d=0&c=1&p=1&e=utf-8&v=obj）
稍微整理了下 :) 

obj={
  title:'测试博客圈',
  description:'测试博客圈\ntesting...',
  is_page_end:'',
  item_count:'',
  items:[
    {title:'笔记:构建分页导航',
     pubDate:'Thu, 07 Jun 2007 16:32:13 +0800',
     link:'http://item.feedsky.com/~feedsky/fallseir/~1247382/7460200/1223971/1/item.html'
    }],
  encoding:'utf-8'
};
obj->
   title // 圈子标题
   description // 圈子描述
   is_page_end // 是否达到页尾
   item_count // 总条数，可能为空，代表还没有得到
   items-> // 文章集合
    [0]-> // 第一篇
      title // 文章标题
      pubDate // 发布时间
      description // 内容
      link // 链接
   encoding // 输出编码

一段用来输出的代码
function renderfeed(feed,box_id){
	if(typeof(box_id)=="string"){
		box=document.getElementById(box_id);
	}else{
		box=box_id;
	}
	html="";
	for(var i=0;i<2;i++){
		var item=feed.items[i];
		html+='<p style="margin-bottom:8px;"><a href="'+item.link+'" class="t">'+item.title+"</a><br />";
		if(feed.items.length==1){
			if(item.description.length>150){
				item.description=item.description.substring(0,150)+"... ...";
			}
		}else{
			if(item.description.length>60){
				item.description=item.description.substring(0,60)+"... ...";
			}
		}
		html+=item.description;
		html+='<span class="orange_12"></span> <a href="'+item.link+'"></a></p><br/>';
	}
	//html+="<p> </p>";
	box.innerHTML=html;
	return 1;
}
]]> http://blog.fallseir.com/2007/06/%e6%8a%80%e5%b7%a7%e5%8d%9a%e5%ae%a2%e5%9c%88%e7%9a%84json%e8%be%93%e5%87%ba-in-feedsky/feed/ 0 郁闷:让我疯狂的js，竟然没有经过我的允许就改变我的图片的大小2 http://blog.fallseir.com/2006/08/%e9%83%81%e9%97%b7%e8%ae%a9%e6%88%91%e7%96%af%e7%8b%82%e7%9a%84js%ef%bc%8c%e7%ab%9f%e7%84%b6%e6%b2%a1%e6%9c%89%e7%bb%8f%e8%bf%87%e6%88%91%e7%9a%84%e5%85%81%e8%ae%b8%e5%b0%b1%e6%94%b9%e5%8f%98-2/ http://blog.fallseir.com/2006/08/%e9%83%81%e9%97%b7%e8%ae%a9%e6%88%91%e7%96%af%e7%8b%82%e7%9a%84js%ef%bc%8c%e7%ab%9f%e7%84%b6%e6%b2%a1%e6%9c%89%e7%bb%8f%e8%bf%87%e6%88%91%e7%9a%84%e5%85%81%e8%ae%b8%e5%b0%b1%e6%94%b9%e5%8f%98-2/#comments Tue, 08 Aug 2006 09:49:00 +0000 飞扬轻狂 http://blog.fallseir.com/2006/08/%e9%83%81%e9%97%b7%e8%ae%a9%e6%88%91%e7%96%af%e7%8b%82%e7%9a%84js%ef%bc%8c%e7%ab%9f%e7%84%b6%e6%b2%a1%e6%9c%89%e7%bb%8f%e8%bf%87%e6%88%91%e7%9a%84%e5%85%81%e8%ae%b8%e5%b0%b1%e6%94%b9%e5%8f%98-2/ Read the Rest...
]]> 终于解决了，看了一下午的js资料发现原来解决问题只需要仔细的想想 然后修改一点点就好了
function autoSetImgSize(elemId, percent) {
if (navigator.userAgent.toLowerCase().indexOf(“ie”) > -1){
return autoSetImgSize_IE(elemId, 600);
}
var doc = document;
if( elemId != null && elemId !=”") {
try {
doc = doc.getElementById(elemId);
}catch (e1) {
doc = document;
}
}
if( percent == null || percent ==”" )
percent = “90%”;
var items = doc.getElementsByTagName(“img”);
for( var k = 0; k w1){
items[k].style.width = w1;
}else{
items[k].height = items[k].height * (w2/w1);
}
}
}
function autoSetImgSize_IE(elemId, max_width) {
var doc = document;
if( elemId != null && elemId !=”") {
try {
doc = doc.getElementById(elemId);
}catch (e1) {
doc = document;
}
}
if( max_width== null || max_width==”" )
max_width=400;
var items = doc.getElementsByTagName(“img”);
t=false;
for( var k = 0; k max_width){
items[k].width=max_width;
if(items[k].height)
items[k].height = items[k].height * (max_width/w1);
}
}
}
if(t){
setTimeout(“autoSetImgSize_IE()”, 100);
}
}

结合波波的代码对ie部分做了点修改

原来ie在加载图片时可能会有点延迟 还有对%有点问题（不知道参照物） 先这样吧！

]]> http://blog.fallseir.com/2006/08/%e9%83%81%e9%97%b7%e8%ae%a9%e6%88%91%e7%96%af%e7%8b%82%e7%9a%84js%ef%bc%8c%e7%ab%9f%e7%84%b6%e6%b2%a1%e6%9c%89%e7%bb%8f%e8%bf%87%e6%88%91%e7%9a%84%e5%85%81%e8%ae%b8%e5%b0%b1%e6%94%b9%e5%8f%98-2/feed/ 4 test: 我的花样边边 = bobo_template + feedsky_js + my_donews_wordpress http://blog.fallseir.com/2006/05/test-%e6%88%91%e7%9a%84%e8%8a%b1%e6%a0%b7%e8%be%b9%e8%be%b9-bobo_template-feedsky_js-my_donews_wordpress/ http://blog.fallseir.com/2006/05/test-%e6%88%91%e7%9a%84%e8%8a%b1%e6%a0%b7%e8%be%b9%e8%be%b9-bobo_template-feedsky_js-my_donews_wordpress/#comments Thu, 25 May 2006 10:16:02 +0000 飞扬轻狂 http://blog.fallseir.com/2006/05/test-%e6%88%91%e7%9a%84%e8%8a%b1%e6%a0%b7%e8%be%b9%e8%be%b9-bobo_template-feedsky_js-my_donews_wordpress/ Read the Rest...
]]> 首先要批下波波这个懒蛋！
本来是要他来写的，这个家伙竟然懒到不愿动笔。

只好自己来写了，有什么不明白的地方 到这里去烦波波。

首先、选择波波的模版 不明白去 Come on! 跟哈啰波波一起来耍花样儿——my.donews最新主题使用说明

其次、选择你要输出的js。

然后、将需要的js添加到波波模版的侧边上 保存就ok了。

现在来介绍一下我们可用的js源

feed内容输出javascript
1、jsout
描述: 将选择的feed以html形式输出到当前页面上
地址: http://feed.feedsky.com/[burn url]/jsout
参数: n 输出内容条数; e 输出的编码类型
地址实例: http://feed.feedsky.com/fallseir/jsout
2、json
描述: 将选择的feed以 javascript 对象形式属出到当前页面的内存中
地址: http://feed.feedsky.com/[burn url]/json
参数: n 输出内容条数; e 输出的编码类型; v 输出的js变量名称; f 进行操作的js function
地址实例: http://feed.feedsky.com/fallseir/jsout
辅助javascript
1、outfeed
描述: 使用javascript编写的 feed 的json对象输出方法 renderfeed
地址: http://feed.feedsky.com/js/outfeed.js 将json输出的feed对象以html形式输出到页面上

js 应用说明:（注意，使用对应的英文符合替换文中的〈和〉还有全角的ｓｒｃ）

首先选择在feedsky烧制的你要输出的feed地址
如我烧制的feed地址 “fallseir”。

1、使用 jsout
组合jsout地址 http://feed.feedsky.com/fallseir/jsout
组合html代码

〈script ｓｒｃ=”http://feed.feedsky.com/fallseir/jsout”〉〈/script〉

然后将这段代码拷贝到你要输出feed内容的页面上。

2、使用json输出

组合json地址 http://feed.feedsky.com/fallseir/json
组合html代码

〈script ｓｒｃ=”http://feed.feedsky.com/js/outfeed.js”  〉〈/script〉
〈script ｓｒｃ=”http://feed.feedsky.com/fallseir/json”  〉〈/script〉
〈script 〉renderfeed(feed);〈/script〉
将这段代码拷贝到要输出feed的页面上并替换〈〉就可以了。

3、高级操作

json和jsout都可以加入参数进行少量的控制

如：

只输出三条文章
jsout 方式
〈script ｓｒｃ=”http://feed.feedsky.com/fallseir/jsout&n=3″ 〉〈/script〉
json 方式
〈script ｓｒｃ=”http://feed.feedsky.com/js/outfeed.js” 〉〈/script〉
〈script ｓｒｃ=”http://feed.feedsky.com/fallseir/json&n=3″ 〉〈/script〉
〈script 〉renderfeed(feed);〈/script〉
输出三篇文章同时输出文章内容摘要
〈script ｓｒｃ=”http://feed.feedsky.com/js/outfeed.js” 〉〈/script〉
〈script ｓｒｃ=”http://feed.feedsky.com/fallseir/json&n=3&d=on”  〉〈/script〉
〈script 〉renderfeed(feed);〈/script〉
输出文章内容的全部信息
〈script ｓｒｃ=”http://feed.feedsky.com/js/outfeed.js” 〉〈/script〉
〈script ｓｒｃ=”http://feed.feedsky.com/fallseir/json&n=3&d=on” 〉〈/script〉
〈script 〉renderfeed(feed,true);〈/script〉
同个页面输出多个不同的feed

jsout 方式：
〈script ｓｒｃ=”http://feed.feedsky.com/fallseir/jsout?n=5″ 〉〈/script〉
〈script ｓｒｃ=”http://feed.feedsky.com/tinyfool/jsout?n=5″ 〉〈/script〉
〈script ｓｒｃ=”http://feed.feedsky.com/niarevol/jsout?n=5″ 〉〈/script〉

json 方式：
〈script ｓｒｃ=”http://feed.feedsky.com/js/outfeed.js” 〉〈/script〉
〈script ｓｒｃ=”http://feed.feedsky.com/fallseir/json&n=3&d=on&v=f1″ 〉〈/script〉
〈script ｓｒｃ=”http://feed.feedsky.com/blogbug/json&n=3&v=f2″ 〉〈/script〉
〈script ｓｒｃ=”http://feed.feedsky.com/tinyfool/json&n=3&d=on&v=f3″ 〉〈/script〉
〈script 〉
renderfeed(f1,true);
renderfeed(f2,true);
renderfeed(f3,true);
〈/script〉
差不多了先写到这里了，不明白可以去找波波。

tags:test,json,js,wordpress,feedsky,my.donews,fallseir

]]> http://blog.fallseir.com/2006/05/test-%e6%88%91%e7%9a%84%e8%8a%b1%e6%a0%b7%e8%be%b9%e8%be%b9-bobo_template-feedsky_js-my_donews_wordpress/feed/ 5