|
在基于Mozilla的浏览器中使用XMLHttpRequest对象(2) } } //--> </script> </head> <body>
<xml id="xmlData" name="xmlData" style="visibility:hidden;"> <root> <link_data/> </root> </xml>
<form id="thisForm" name="thisForm">
<input type="text" class="linkedData" name="txtLink" id="txtLink" size="25"> <br> <input type="button" value="Test" onclick="test()">
</form>
</body> </html>
link_data.xml:
<?xml version="1.0"?> <xbl:bindingsxmlns:xbl="http://www.mozilla.org/xbl"> <xbl:binding id="link"> <xbl:handlers> <xbl:handler event="change"> var xml = document.getElementById("xmlData"); var root = xml.childNodes[1]; varlink_data = root.childNodes[1]; link_data.childNodes[0].nodeValue = event.originalTarget.value; </xbl:handler> </xbl:handlers> </xbl:binding> </xbl:bindings>
xml_http.asp文件创建一个XML数据岛,创建的数据岛有一个重要节点:link_data。而且,这个HTML的表现会创建一个文本框和一个用于创建发送XML数据给服务器的事件的按钮。
IE允许你嵌入XML数据岛并使用那个数据岛将绑定HTML元素到底层的数据。Mozilla靠XBL为每个元素创建行为。使用XBL,你可以为<INPUT>元素创建一个行为,所以在onChange事件发生时,“bound”XML节点就能够被更新。“linkedData”样式类通知Mozilla文件link_data.xml将要被用来创建绑定。这个类是在<INPUT TYPE=”text” … >元素中使用的。
|