HBrO

中级会员

Rank: 3 Rank: 3

帖子: 1171
积分: 188
技术分: 43
在线时间: 176 小时
注册时间: 2005-10-12

1^#

打印

字体大小: tT

发表于 2006-8-26 23:26 | 只看该作者

[原创]Flash全站的技术应用（四）——让Flash网站具有IE前进后退的功能

前言：
写完流量统计的教程以后，本以为会很轻松地就可以完成该篇文章。后来才发现，原来还是遇到了困难。因为要通过iframe控制主HTML的变量，一开始，考虑到打开父窗口用的是_parent，而Flash里的父级也是_parent，于是理所当然地以为iframe访问主html也是通过_parent，结果，弄了很久，还是提示_parent未定义。
为此，我百度了下，看如何通过iframe访问主html。晕，原来这个是没有下划线的，于是改了下，发现有新的问题，就是提示“没有权限”的错误。在之前玩反编译的游戏中遇到了这个问题，是跨域访问导致的。奇怪了，我的文件都在本地啊，怎么不行呢？折磨了半小时，决定还是用IIS来测试吧。嗯，IIS成功了。难道file协议也没有权限？还是识别不了域名？这个我就没研究下去了。

————————

效果预览（应wolf2999的要求，这次我就不放超女的东西上去了，而且我网站现在加这功能还有点麻烦，因为结构有点复杂）：

http://hbro.cincn.com/hbro/cours ... ex_flash.html#page1

点左边一排的按钮，你会发现在动画效果跳转的过程中，地址栏发生了改变，但是明显的是Flash没有刷新，同时后退按钮已经可用。你多点几次以后，尝试按后退按钮，Flash也同样不刷新，但是它会依此通过动画跳转到你之前点过的page。
这样，就是通过IE的按钮控制Flash的程序了。但是，实质上，是有个iframe在刷新的，所以，如果网速慢，并且点得很快，就将导致某些页面给跳过。

[ 本帖最后由 HBrO 于 2006-8-27 03:43 编辑 ]

收藏分享评分

欢迎大家加入Flash侠客群，无论新老手，均一视同仁：24549400

回复引用

订阅 TOP

HBrO

中级会员

Rank: 3 Rank: 3

帖子: 1171
积分: 188
技术分: 43
在线时间: 176 小时
注册时间: 2005-10-12

2^#

发表于 2006-8-26 23:26 | 只看该作者

实现原理：
找了很多方面的资料，本来想向IE的历史记录里人为添加asfunction协议的地址，但是发现似乎不可能，在Digi的提点下，我知道了可以通过刷新iframe来达到控制的目的。其过程为：
1 在Flash里点击一个所谓的链接，执行一个动作。该状态的一些参数用getURL到iframe里的一个固定页面。比如说，我点了page1，那么getURL的地址将是statistics.html?page1
2 点击几次以后，iframe其实已经刷新了几次，于是才会启用后退的功能，这个时候，其实iframe已经打开过了几个页面，假如你依此点了page1,page2,page3,page4这四个按钮，那么，iframe就浏览了statistics.html?page1,statistics.html?page2,statistics.html?page3,statistics.html?page4这四个页面了。最终定位在statistics.html?page4
3 此时点IE的后退按钮，iframe将返回statistics.html?page3。但是单纯这样并不会让Flash受到控制。所以，我们需要在statistics.html打开的时候，启用一个控制Flash的函数，就实现IE后退的功能了。前进的道理也一样。

欢迎大家加入Flash侠客群，无论新老手，均一视同仁：24549400

回复引用

TOP

HBrO

中级会员

Rank: 3 Rank: 3

帖子: 1171
积分: 188
技术分: 43
在线时间: 176 小时
注册时间: 2005-10-12

3^#

发表于 2006-8-26 23:27 | 只看该作者

具体做法：
1.1 新建一个Flash文档，保存为index_flash.fla
1.2 在该文档里新建一个MC，名为pagesButtons_clip，在里头放一个按钮，写入代码：
on (release) {
   _parent.loadNews(_name);//该函数用于Flash内的页面跳转。
}
1.3 再载入一个动态文本，变量名为_name
1.4 在主场景里放入四个pagesButton_clip，分别命名为page1,page2,page3,page4
1.5 在主场景新建一个MC，实例名为pages，在里头放入实例名为page1,page2,page3,page4的MC。
1.6 在适当的位置给pages建立一个遮罩mask。
1.7 下面可以写代码了，这次跳转，我会让相应的page定位至mask那里，从而让该页面显示，其它则隐藏。
主场景的帧里写：
var initx = mask._x;//首先定位一个初始点，这是页面定位的常量
var inity = mask._y;//同上
var targetx=initx;
var targety=inity;//这两个变量也用于定位，使用韩式缓冲公式算法，可以让MC缓慢地移动到(targetx,targety)这一点。
this.onEnterFrame = function() {
   pages._x = pages._x-0.2*(pages._x-pages.targetx);
   pages._y = pages._y-0.2*(pages._y-pages.targety);
};//这个则是缓冲公式
function loadNews(href) {//定义按钮触发的函数
   pages.targetx = initx-pages[href]._x;
   pages.targety = inity-pages[href]._y;//先让target定位至当前MC（也就是传入的参数href），然后缓冲公式会让当前传入的MC显示出来，其它的则隐藏
   fscommand("setAddress", href);//设定地址栏内容，用于刷新页面时的定位，在JS里会响应这一命令。
   getURL("statistics.html?"+href, "stat");//打开iframe，让iframe记录当前点到的MC的实例名href
}

欢迎大家加入Flash侠客群，无论新老手，均一视同仁：24549400

回复引用

TOP

HBrO

中级会员

Rank: 3 Rank: 3

帖子: 1171
积分: 188
技术分: 43
在线时间: 176 小时
注册时间: 2005-10-12

4^#

发表于 2006-8-26 23:27 | 只看该作者

2.1 以带有fscommand跟踪的Flash发布一个HTML文件和一个SWF文件，接着把发布设置中格式选项卡的HTML勾去掉。
2.2 用记事本打开index_flash.html文件，找到//place your code here 一句。写入
  if(command=="setAddress"){
      document.location.hash=args
      }
2.3 然后定义一个onLoad执行的函数JS_LoadNews
  function JS_LoadNews(){
  window.open("statistics.html?"+document.location.hash.slice(1),"stat")//让名为stat的iframe打开一个带参数的地址
}
2.4 根据上一步的JS，加一个iframe
<iframe noscroll border="0" src="about:blank" width="1" height="1" name="stat" id="stat"></iframe>
2.5 在body标签里加onload=JS_LoadNews()

欢迎大家加入Flash侠客群，无论新老手，均一视同仁：24549400

回复引用

TOP

HBrO

中级会员

Rank: 3 Rank: 3

帖子: 1171
积分: 188
技术分: 43
在线时间: 176 小时
注册时间: 2005-10-12

5^#

发表于 2006-8-26 23:27 | 只看该作者

3.1 新建一个HTML文件，名为statistics.html，在这里写入控制Flash的代码：
<script language="javascript">
  function pageLoad(){
window.parent.index_flash.setVariable("link",window.document.location.search.slice(1))//parent指父级框架，这里可以指向FLASH文件，location.search是获取地址参数，该值包含“?”，所以用slice(1)去掉。
  }
</script>
<body onload=pageLoad()>
</body>
3.2 上面的代码设置了Flash里的link值，为了触发Flash的函数，在Flash里用addProperty来触发相关函数：
  追加帧代码：
  this.addProperty("link", getLink, setLink);
function getLink() {
}
function setLink(link) {
   fscommand("setAddress", link);
   pages.targetx = initx-pages[link]._x;
   pages.targety = inity-pages[link]._y;
}

欢迎大家加入Flash侠客群，无论新老手，均一视同仁：24549400

回复引用

TOP

HBrO

中级会员

Rank: 3 Rank: 3

帖子: 1171
积分: 188
技术分: 43
在线时间: 176 小时
注册时间: 2005-10-12

6^#

发表于 2006-8-26 23:28 | 只看该作者

至此，实现后退前进功能的三步都完成了。

以上四篇文章属于Flash全站应用的第一个系列——让Flash向HTML靠拢，其宗旨就是“结合HTML的长处，解决Flash网站的先天性缺陷”。在Flash功能日益强大，特色日益明显的今天，让Flash走HTML的路，可能是“逆其道而行之”，加上这些程序代码比较枯燥乏味，故不能引起大家的共鸣。本来打算这个内容写在后面的，只是为了解决火山兄的问题，我才把这提到前面来。

下一系列，我将写一些估计比较受大家欢迎的内容——多媒体的应用。包括我网站里头的图片切换，结合WMP的音乐，视频播放器，以及歌词的同步显示（但这一内容我在早期已经写了，所以现在不再重复）。
预览图片与音乐播放器：
http://hbro.cincn.com/cindex.htm#sub0=1
PS：提醒一下火山兄，这里的新闻我没有使用定位技术，刷新不成功就不需要跟我指出来了。

欢迎大家加入Flash侠客群，无论新老手，均一视同仁：24549400

回复引用

TOP

8765004