Html中通过图片链接传参到Flex

最新推荐文章于 2024-08-08 18:22:21 发布

miya

最新推荐文章于 2024-08-08 18:22:21 发布

阅读量999

点赞数

CC 4.0 BY-SA版权

分类专栏： Flex 文章标签： html flex border function jsp class

本文链接：https://blog.youkuaiyun.com/guojun828/article/details/6086838

Flex 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个具体案例：如何在一张包含多个楼层标记的鸟瞰图中，利用HTML与Flex技术实现楼层信息的交互。通过JavaScript与ActionScript的通信，实现了用户点击不同楼层时跳转至相应详情页面的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近做的一个系统，其中一个需求为:有一张鸟瞰图，其中标记了一百多个楼层，而我要做的就是在图片中给每个楼层加一个链接，是用户点击图

片上的链接后跳转到某个页面根据传递的参数显示相应的信息，本来如果仅仅是在JSP和html或Java class中传递的话，很简单，倒不用

说，现在主要是涉及到到和Flex中的as通信，所以按照网上的某种方案实现了，即通过JS和as通信来实现<mce:script type="text/javascript"></mce:script> <img src="mhjy.JPG" mce_src="mhjy.JPG" alt="美好家园" width="900" height="630" border="0" usemap="#Map"> <map name="Map"> <area shape="rect" mce_shape="rect" coords="10,221,38,239" mce_coords="10,221,38,239" href="#" mce_href="#" alt="1" onClick="getFloorNumber(1)"> <area shape="rect" mce_shape="rect" coords="51,208,74,227" mce_coords="51,208,74,227" href="#" mce_href="#" alt="2" onClick="getFloorNumber(2)"> <area shape="rect" mce_shape="rect" coords="28,245,50,263" mce_coords="28,245,50,263" href="#" mce_href="#" alt="3" onClick="getFloorNumber(3)"> </map>

然后我们在Flex的as中 ExternalInterface.addCallback("setFloorNumber",setFloorNumber); public function setFloorNumber(backFloorNumber:int):void { floorNumber = backFloorNumber; navigateToURL(newURLRequest ("PopFloorDetail.html"), "_blank"); } 如此就实现了HTML和Flex间的传

参，实际上中间就是通过as和js来实现的