lupaworld注册页面的表单UI值得学习：

1.js（maybe ajax）判断可用用户名（密码），并在input右侧背景提示；

2.右侧表单说明提示信息

</p> <p><textarea>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>6</p> <p>7

显示全部

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

系统集成部的 excel 需要打印标签，但又懒地一个个做。备忘…

1.xsl fail

2.xmlhttprequest

</p> <div id="oDiv"></div> <p><script type="text/javascript"></p> <p>var req,oXML;</p> <p>/*初始化菜单条目*/</p> <p>menuArray=["设备名称","设备型号","设备序号","MAC地址","设备编号","出厂日期","IP地址","检验员"]</p> <p>function loadXMLDoc(url) {</p> <p> if (window.XMLHttpRequest) {</p> <p> req = new XMLHttpRequest();</p> <p> req.onreadystatechange = processReqChange;</p> <p> req.open(”GET”, url, true);</p> <p> req.send(null);</p> <p> } else if (window.ActiveXObject) {</p> <p> req = new ActiveXObject(”Microsoft.XMLHTTP”);</p> <p> if (req) {</p> <p> req.onreadystatechange = processReqChange;</p> <p> req.open(”GET”, url, true);</p> <p> req.send();</p> <p> }</p> <p> }</p> <p>}</p> <p>function processReqChange() {</p> <p> if (req.readyState == 4) {</p> <p> if (req.status == 200) {</p> <p> oXML=req.responseXML;</p> <p> initialSonglist();</p> <p> } else {</p> <p> alert(”There was a problem retrieving the XML data: ” + req.statusText);</p> <p> }</p> <p> }</p> <p>}</p> <p>function initialSonglist(){</p> <p>oHTML=”";</p> <p>oRows=oXML.getElementsByTagName(”Row”);</p> <p>for(i=1,olen=oRows.length;i <olen;i++){</p> <p> oCells=oRows[i].getElementsByTagName("Data");</p> <p> oHTML+="<ul> <h5>西安交大博通资讯股份有限公司设备检验标识</h5> <p>”</p> <p> for(j=0,jlen=oCells.length;j<jlen;j++){</p> <p> oHTML=oHTML+" <li>“+menuArray[j]+”：”+oCells[j].textContent+”</li> <p>”</p> <p> } </p> <p> oHTML+=”</ul> <p>” </p> <p> }</p> <p>/*oSongs=oXML.getElementsByTagName(”song”);</p> <p>oHTML=”";</p> <p>for(i=0;i<oSongs.length;i++){</p> <p> oHTML+=" <li><a href='"+oSongs[i].getAttribute("url")+"' title='下载："+oSongs[i].getAttribute("title")+"'>“+oSongs[i].getAttribute(”title”)+”</a></li> <p>”</p> <p> }</p> <p>*/</p> <p>document.getElementById(”oDiv”).innerHTML=oHTML;</p> <p>}</p> <p>loadXMLDoc(”2.xml”)</p> <p></script></p> <p>

3.ie xml 数据岛

…

或者外部引用

</p> <p><xml id="test" src="2.xml"></xml></p> <p><script></p> <p>/*初始化菜单条目*/</p> <p>menuArray=["设备名称","设备型号","设备序号","MAC地址","设备编号","出厂日期","IP地址","检验员"]</p> <p>oRows=document.all.test.getElementsByTagName(”Row”);</p> <p>oHTML=”";</p> <p>for(i=1,olen=oRows.length;i <olen;i++){</p> <p> oCells=oRows[i].getElementsByTagName("Data");</p> <p> oHTML+="<ul> <h5>西安交大博通资讯股份有限公司设备检验标识</h5> <p>“;</p> <p> for(j=0,jlen=oCells.length;j<jlen;j++){</p> <p> oHTML=oHTML+" <li>“+menuArray[j]+”：”+oCells[j].text+”</li> <p>”</p> <p> } </p> <p> oHTML+=”</ul> <p>” </p> <p> }</p> <p>document.getElementById(”oDiv”).innerHTML=oHTML;</p> <p></script></p> <p>