网建动力 http://www.xipingbar.com/b WEB前端开发群：17784629 Fri, 27 Aug 2010 06:21:49 +0000 http://wordpress.org/?v=2.9.1 en hourly 1 Flash组件,Actionscript,AS,XmlConnector+DataSet+DataGrid数据绑定应用实例 http://www.xipingbar.com/b/?p=330 http://www.xipingbar.com/b/?p=330#comments Fri, 27 Aug 2010 06:21:49 +0000 yflintao http://www.xipingbar.com/b/?p=330 今天提到的XML connector也是很强劲的一个……

这两天在经典和帝国看了些组件的教程，很好。Flash MX2004 增加了好多的Web 组件，为Web 开发和 Web Service 提供了方便的工具。今天提到的XML connector也是很强劲的一个~这个讨论是基于小令狐兄的一个教程《XmlConnector+DataSet+DataGrid数据绑定应用实例》。但是小令狐兄教程有2步没有说，对初学者感到很困难，我就顺便把整个教程说一下，愿更多的 Flasher加入到Web 研究中去。：）
首先到MX 2004中建立一个 普通的Fla文档：

设定影片尺寸：500*200：

从组件面板里把一个XML connector、一个Dataset、一个DataGrid组件拖到舞台 上，其中XML connector的设定要注意：（画红色的部分–XML的路径，和Receive……）

XML connector组件的设置：
到组件面板里，找到Schema里找到Result:XML，之后点右面的那个 向下箭头的按钮

之后会弹出一个Browse，找到你想用的XML文件

之后就可以在Schema里看到如图的XML结构了

示例XML文件(music.xml)如下：

<?xml version="1.0" encoding="GB2312"?>
<audioFiles>
<AudioProps uri ="http://MywayLau.net/1.aspx"; 类型="EP碟" 出品="sony.hk"
标签 ="不需要，完美的可怕……" 艺术家="卢巧音"/>
<AudioProps uri ="http://MywayLau.net/2.aspx"; 类型="专辑" 出品="sony.hk"
标签 = "Miao" 艺术家="卢巧音"/>
<AudioProps uri ="http://MywayLau.net/3.aspx"; 类型="专辑" 出品="sony.hk"
标签 = "贴近卢巧音" 艺术家="卢巧音"/>
<AudioProps uri ="http://MywayLau.net/4.aspx"; 类型="专辑" 出品="sony.hk"
标签 = "色放" 艺术家="卢巧音"/>
<AudioProps uri ="http://MywayLau.net/5.aspx"; 类型="专辑" 出品="sony.hk"
标签 = "Muse" 艺术家="卢巧音"/>
<AudioProps uri ="http://MywayLau.net/6.aspx"; 类型="专辑" 出品="sony.hk"
标签 = "Fantasy" 艺术家="卢巧音"/>
<AudioProps uri ="http://MywayLau.net/7.aspx"; 类型="精选" 出品="sony.hk"
标签 = "喜欢恋爱" 艺术家="卢巧音"/>
<AudioProps uri ="http://MywayLau.net/8.aspx"; 类型="专辑" 出品="sony.hk"
标签 = "赏味人间" 艺术家="卢巧音"/>
<AudioProps uri ="http://MywayLau.net/9.aspx"; 类型="专辑" 出品="sony.hk"
标签 = "赏味人间 2nd-Version" 艺术家="卢巧音"/>
<AudioProps uri ="http://MywayLau.net/10.aspx"; 类型="专辑" 出品="sony.hk"
标签 = "Candy's Airline" 艺术家="卢巧音"/>
<AudioProps uri ="http://MywayLau.net/11.aspx"; 类型="专辑" 出品="sony.hk"
标签 = "花言·巧语" 艺术家="卢巧音"/>
</audioFiles>

击舞台上的DataSet组件，回到Bindings标签~ 按“+”按钮，在弹出的对话框里 ，选DataProvider:Array：

用样的方法再建一个DataProvider：

在第一个DataProvider里的下面面板里找到Bound to ，按那个放大镜的按钮， 开始绑定，一个为XML connector ，另外一个就是DataGrid，下图为 XML connector的：
找到AudioProps:Array，确定。

在第二个DataSet的绑定中，仍然选AudioProps:Array。

注意：在本例中，XML connector的实例名叫myconn，DataSet组件的实例名叫 myDataset
，DataGrid组件的实例名为show_db，它的尺寸是500*100

之后就可以在第一Frame里写AS了：

在AS里我们看到有一个状态提示框，叫msg，那现在做一个：

呵呵，所有的工作就都完成了。按Ctrl+Enter调试一下 ？看效果……

效果请参看：http://www.candyfan.com/xmlconnector/f8_xml% 20connector.html

问题来了……

请问大家

1.XML 有5个attributes，所以效果就呈现5个等大的区域，如何具体设置每个区域的大小呢？ （设定初始值）……

2.我尝试给带uri加上getURL，可是dataGrid组件我并不熟悉，通过一个改良的代码：

System.useCodepage = true;
this.conn.trigger();
url=new Array();
uri=new XML();
uri.ignoreWhite=true;
uri.load("music.xml");
uri.onLoad=function(success){
    if(success){
      msg.text="XML has been Loaded, Enjoy it ~";
      for(i=0;i<uri.firstChild.childNodes.length;i++){
        url[i]=uri.firstChild.childNodes[i];
/*
未完成部分……
*/
      }
    }else{
      msg.text="XML Loaded error!
      Refresh Plz ~";
    }
};

可以得到每个目录的URL值，（trace的时候好象有点问题……），但是我不知道 怎么给这个组件的相应部分加URL判定，以前看过一个Tree组件的，方法是：

myTreeListener=new Object();
myTreeListener.change=function(Myway_Lau){
    var thedata=Myway_Lau.target.selectedItem.attributes.data;
    if(thedata.indexOf("http",0)==-1){
      myTextArea=thedata;
    }else{
      getURL(thedata,"_blank");
    }
}
myTree.addEventListener("change",myTreeListener)

URL部分感谢 经典论坛 静寂林 兄的回复，方法已解决，AS如下：

System.useCodepage = true;
this.myconn.trigger();//XMLconnectior的实例名为myconn
uri=new XML();
uri.ignoreWhite=true;
uri.load("music.xml");
uri.onLoad=function(success){
    if(success){
      msg.text="XML has been Loaded, Enjoy it ~";
}else{
      msg.text="XML Loaded error! Refresh Plz ~";
    }
};
listenerObject=new Object();
listenerObject.cellPress=function(eventObject) {   
    var temp=eventObject.target;
    var uri=temp.selectedItem.uri;
    getURL(uri);
}
show_db.addEventListener("cellPress",listenerObject);

经过静寂林兄的指导，列的长度也可以改变了。方法如下：

System.useCodepage = true;
this.myconn.trigger();//XMLconnectior的实例名为myconn
uri=new XML();
uri.ignoreWhite=true;
uri.load("music.xml");
uri.onLoad=function(success){
    if(success){
      msg.text="XML has been Loaded, Enjoy it ~";   
    }else{
      msg.text="XML Loaded error! Refresh Plz ~";
    }
};
listenerObject=new Object();
listenerObject.cellPress=function(eventObject) {   
    var temp=eventObject.target;
    var uri=temp.selectedItem.uri;
    getURL(uri);
}
show_db.addEventListener("cellPress",listenerObject);
this.onEnterFrame=function() {
    show_db.getColumnAt(0).width=50;
    show_db.getColumnAt(1).width=50;
    show_db.getColumnAt(2).width=150;
    show_db.getColumnAt(3).width=70;
    show_db.getColumnAt(4).width=180;
    if(show_db.getColumnAt(4)!=undefined) {
      delete this.onEnterFrame;
    }
}
]]> http://www.xipingbar.com/b/?feed=rss2&p=330 0 结构/表现/行为完全分离的选项卡(jQ版和原生JS版) http://www.xipingbar.com/b/?p=328 http://www.xipingbar.com/b/?p=328#comments Thu, 26 Aug 2010 09:18:37 +0000 yflintao http://www.xipingbar.com/b/?p=328 //jQ版本
$(function(){
    var _tab=$(‘ul.tabnav>li’);//获取选项卡导航
    var _box=$(‘.tabbox div’);//获取内容切换区
    var _hover=’hover’;//当前点击显示的样式
    var _index;//索引值
    _tab.eq(0).addClass(_hover);//第一个导航高亮显示
    _tab.click(function(){
        _index=_tab.index(this);//获取当前点击的索引值
        $(this).addClass(_hover).siblings().removeClass(_hover);//当前点击高亮显示
        _box.eq(_index).show().siblings().hide();//通过索引值让对应的选项内容区显示
    }).eq(0).click();
});
//原生JS版本
window.onload=function(){
    var tabnav=document.getElementById(‘tabnav’);
    var list=tabnav.getElementsByTagName(‘li’);
    var tabbox=document.getElementById(‘tabbox’);
    var divs=tabbox.getElementsByTagName(‘div’);
    var hover=’hover’;//当前点击显示的样式
    var indexValue=function(self,obj){//获取索引值的函数,通过它获取当前点击在导航中的索引位置
        for(var i=0;i<obj.length;i++){
            if(obj[i]==self) return i;
        }
    };
    var index;
    list[0].className=hover;//第一个默认高亮,建议在页面中直接定义
    for(var k=1;k<divs.length;k++){//我为了省事,用一个for循环定义默认显示第一个切换区块,其他隐藏.这个最好用CSS定义,能避免页面加载时它全部显示出来.
        divs[k].style.display=’none’;
    }
    for(var l=0;l<list.length;l++){//点击事件
        list[l].onclick=function(){
            index=indexValue(this,list);//利用前面定义的indexValue函数取当前点击在选项导航中的索引值,
            for(var m=0;m<list.length;m++){
                list[m].className= (m==index) ? hover : ”;//高亮显示点击项并移除其他项高亮
            }
            for(var n=0;n<divs.length;n++){
                divs[n].style.display= (n==index) ? ‘block’ : ‘none’;//显示点击对应的选项区,隐藏其他
            }
        }
    }
}

]]> http://www.xipingbar.com/b/?feed=rss2&p=328 0 解决IIS 6.0 大文件上传限制 http://www.xipingbar.com/b/?p=324 http://www.xipingbar.com/b/?p=324#comments Thu, 26 Aug 2010 01:55:41 +0000 yflintao http://www.xipingbar.com/b/?p=324 症状:
上传文件到 Windows 2003 server + IIS 6.0 服务器的时候遇到下列错误:
请求对象错误 ‘ASP 0104 : 80004005′
操作被禁止
/Upload.asp, line 40原因:
IIS6.0 禁止上传超过 200kB 的文件. 因此你需要修改 IIS 的默认设置.

技术背景
在 IIS 6.0 中, AspMaxRequestEntityAllowed 属性指定了一个 ASP 请求(Request)可以使用的最大字节数. 如果 Content-Length 头信息中包含的请求长度超过了 AspMaxRequestEntityAllowed 的值, IIS 将返回一个 403 错误信息.
这个属性值与 MaxRequestEntityAllowed 相似, 但是是针对 ASP 请求的. 假如你知道自己的 ASP 应用只需要处理很少的请求数据, 你可以在 World Wide Web Publishing Service (WWW 发布服务)层级设定全局的 MaxRequestEntityAllowed 属性为 1MB, 并单独设定 AspMaxRequestEntityAllowed 为一个较小的值.

解决方法
打开位于 C:\Windows\System32\Inetsrv 中的 metabase.XML, 并修改 AspMaxRequestEntityAllowed 为你需要的值(例如 “1073741824″, 1GB).

注意: 在编辑文件前请停止 IIS 服务, 否则无法保存修改后的文件.

]]> http://www.xipingbar.com/b/?feed=rss2&p=324 0 20个“标准的”配色方案 http://www.xipingbar.com/b/?p=322 http://www.xipingbar.com/b/?p=322#comments Wed, 25 Aug 2010 07:53:32 +0000 yflintao http://www.xipingbar.com/b/?p=322

提示：你可以先修改部分代码再运行。

]]> http://www.xipingbar.com/b/?feed=rss2&p=322 0 设为主页加入收藏代码 http://www.xipingbar.com/b/?p=319 http://www.xipingbar.com/b/?p=319#comments Tue, 24 Aug 2010 03:23:29 +0000 yflintao http://www.xipingbar.com/b/?p=319 设为首页:  
 
<a href=”#” mce_href=”#” onClick=”this.style.behavior=’url(#default#homepage)’;this.setHomePage(‘http://www.xipingbar.com’);”>设为首页</a>  
 
加入收藏  
 
<span style=”CURSOR: hand” mce_style=”CURSOR: hand” onClick=”window.external.addFavorite(‘http://www.xipingbar.com’,'西平吧’)” >加入收藏</span>  
 
图片  
 
设为首页  
 
<a href=”#” mce_href=”#” onClick=”this.style.behavior=’url(#default#homepage)’;this.setHomePage(‘http://www.xipingbar.com’);”><img border=”0″ src=”Images/About_2.gif” mce_src=”Images/About_2.gif” width=”84″ height=”19″ /></a>  
 
加入收藏  
 
<a href=”#” mce_href=”#”><img border=”0″ src=”images/A_2.jpg” mce_src=”images/A_2.jpg” width=”150″ height=”39″ id=”shoucang” onClick=”window.external.addFavorite(‘http://www.xipingbar.com’,'西平吧’)” /></a>

]]> http://www.xipingbar.com/b/?feed=rss2&p=319 0 MYSQL远程连接速度慢的解决方法 http://www.xipingbar.com/b/?p=315 http://www.xipingbar.com/b/?p=315#comments Fri, 20 Aug 2010 01:15:09 +0000 yflintao http://www.xipingbar.com/b/?p=315 MYSQL远程连接速度慢的解决方法
在局域网内连接其他机器的MYSQL,发现速度慢的很,不知道什么原因,总有几秒的延迟.

后来在网上发现解决方法,my.ini里面添加

[mysqld]
skip-name-resolve
skip-grant-tables

这样速度就快了!

skip-name-resolve

选项就能禁用DNS解析，连接速度会快很多。不过，这样的话就不能在MySQL的授权表中使用主机名了而只能用ip格式。

若使用–skip-grant-tables系统将对任何用户的访问不做任何访问控制，但可以用 mysqladmin flush-privileges或mysqladmin reload来开启访问控制;默认情况是show databases语句对所有用户开放，

如果mysql服务器没有开远程帐户，就在my.ini里面加上skip-grant-tables

]]> http://www.xipingbar.com/b/?feed=rss2&p=315 0 循环设置onclick时，获取当前的序号 http://www.xipingbar.com/b/?p=313 http://www.xipingbar.com/b/?p=313#comments Wed, 18 Aug 2010 01:08:39 +0000 yflintao http://www.xipingbar.com/b/?p=313

提示：你可以先修改部分代码再运行。

]]> http://www.xipingbar.com/b/?feed=rss2&p=313 0 发一新浪招聘的图片滚动控制JS效果 http://www.xipingbar.com/b/?p=311 http://www.xipingbar.com/b/?p=311#comments Tue, 17 Aug 2010 06:58:48 +0000 yflintao http://www.xipingbar.com/b/?p=311

提示：你可以先修改部分代码再运行。

]]> http://www.xipingbar.com/b/?feed=rss2&p=311 0 也写个几行的新闻滚动效果 http://www.xipingbar.com/b/?p=310 http://www.xipingbar.com/b/?p=310#comments Fri, 13 Aug 2010 02:10:19 +0000 yflintao http://www.xipingbar.com/b/?p=310

提示：你可以先修改部分代码再运行。

]]> http://www.xipingbar.com/b/?feed=rss2&p=310 0 按钮控制文字上下滚动 http://www.xipingbar.com/b/?p=308 http://www.xipingbar.com/b/?p=308#comments Thu, 12 Aug 2010 06:17:32 +0000 yflintao http://www.xipingbar.com/b/?p=308

提示：你可以先修改部分代码再运行。

]]> http://www.xipingbar.com/b/?feed=rss2&p=308 0