如何触发自定义的htc事件

gaopanfeng1987 · 发表于 2010-8-18 15:46:51

<!—switch.htc定义 -->
<PUBLIC:COMPONENT TAGNAME="Switch">

<PUBLIC:PROPERTY NAME="turnOnText" PUT="setTurnOnText" VALUE="Turn on" />
<PUBLIC:PROPERTY NAME="turnOffText" PUT="setTurnOffText" VALUE="Turn off" />
<PUBLIC:PROPERTY NAME="status" GET="getStatus" PUT="setStatus" VALUE="on" />

<PUBLIC:EVENT NAME="onStatusChanged" ID="changedEvent" />

<PUBLIC:METHOD NAME="reverseStatus" />

<PUBLIC:ATTACH EVENT="oncontentready" />
<PUBLIC:ATTACH EVENT="onclick" />
</PUBLIC:COMPONENT>

<script language="javascript">
var sTurnOnText; //关闭状态所显示的文本
var sTurnOffText; //开启状态所显示的文本
var sStatus; //开关状态
var innerHTML //使用开关时包含在开关中的HTML
//设置开关关闭状态所显示的文本
function setTurnOnText(value)
{
      sTurnOnText = value;
}
//设置开关开启状态所显示的文本
function setTurnOffText(value)
{
      sTurnOffText = value;
}
//设置开关状态
function setStatus(value)
{
      sStatus = value;
}
   //读取开关状态
function getStatus()
{
      return sStatus;
}
//反向开关的状态
function reverseStatus()
{
sStatus = (sStatus == "on") ? "off" : "on";
}
//获取htc控制界面html文本
function getTitle()
{
      var text = (sStatus == "on") ? sTurnOffText : sTurnOnText;
text = "<div id='innerDiv'>" + text + "</div>";
return text;
}
//htc初始化代码
function initialize()
{
//back up innerHTML
innerHTML = element.innerHTML;
element.innerHTML = (sStatus == "on") ? getTitle() + innerHTML : getTitle();
}
//响应用户鼠标事件的方法
function expandCollapse()
{
reverseStatus();
//
var oEvent = createEventObject();
changedEvent.fire(oEvent);
var srcElem = element.document.parentWindow.event.srcElement;
if(srcElem.id == "innerDiv")
{
      element.innerHTML = (sStatus == "on") ? getTitle() + innerHTML : getTitle();
}
}
</script>


<html xmlns:frogone>
<head>

<?IMPORT namespace="frogone" implementation="switch.htc">
</head>
<body>

<frogone:Switch id="mySwitch"
                  TurnOffText="off"
                  Turn
                  status="off"
                  >
      <div id="dBody">文本内容...... </div>
</frogone:Switch>

<button id="b"  value = "firechange">
</body>
<script language="javascript">
//相应开关事件
function confirmChange()
{
      if(!confirm("是否改变开关状态?"))
         mySwitch.reverseStatus();
}
function firechange(){
  //alert(mySwitch.status)
  mySwitch.fireEvent("onclick");//可以触发
  //mySwitch.fireEvent("onStatusChanged");//无法触发？？？？？？？？
}
</script>
</html>

[ 本帖最后由 gaopanfeng1987 于 2010-8-18 15:54 编辑 ]

		自动登录	找回密码
密码			(注-册)加入51Testing

[原创] 如何触发自定义的htc事件

相关帖子

站长推荐 /1