📄 choiceperson.html

📁 一个实现邮件收发功能的客户端程序
💻 HTML
字号:
<HTML>
<HEAD>
<TITLE>选择用户</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
<SCRIPT language=javascript>
  var Value;
Value='';
function unloadme(){
  top.window.returnValue=Value;
}
function cmdSel(tmp){
  Value=tmp;
  window.close();
}

function ok(){
  var tStr='';
  var MaxLength=EditForm.allSelect.options.length
  for(var i=0;i<MaxLength;i++)
  {
    if(EditForm.allSelect.options[i].selected)
    {
    	tStr+=EditForm.allSelect.options[i].value+',';
    }
  }
  Value=tStr.substring(0,tStr.length-1);
  top.window.close();
}

function FindReset()
{
  form1.DeptID.options[0].selected=true;
  form1.sendee.value='';
  form1.submit();
}
function doChange(dep)
{	
//alert(dep);
	if(dep!="")
	{
		//EditForm.key.value='';
		//EditForm.submit();
		doPost(dep);
	}
}
function choiceAll(checked)
{
	if(checked)
	{
		cmdSel(0);
	}
	else
	{
		cmdSel(1);	
	}
}
function cmdSel(i){
	var MaxLength=EditForm.allSelect.options.length
  if(i==0)
  {
  for(i=0;i<MaxLength;i++)
  {
 	EditForm.allSelect.options[i].selected = true;
  }  
  }
   else
{
  for(i=0;i<MaxLength;i++)
  {
 	EditForm.allSelect.options[i].selected = false;
  } 
}  
}
</SCRIPT>
<script>
function newXMLHttpRequest() {
  var xmlreq = false;
  if (window.XMLHttpRequest) {
 
    xmlreq = new XMLHttpRequest();
  } else if (window.ActiveXObject) {    
    try {
      // 尝试按新版InternetExplorer方法创建
      xmlreq = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e1) {   
      try {
        xmlreq = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (e2) {
     
      }
    }
  }
  return xmlreq;
}
function doPost(group) { 
  var req = newXMLHttpRequest();
  req.onreadystatechange = getReadyStateHandler(req);   
  req.open("POST", "/address.ejf?easyJWebCommand=choice&&group="+group, true); 
  req.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
  req.send("");
}
function getReadyStateHandler(req) { 
  return function () {
    // 如果请求的状态是“完成”
    if (req.readyState == 4) {
      // 检查是否成功接收了服务器响应
      if (req.status == 200) {
        // 将载有响应信息的XML传递到处理函数
		var objXMLDoc=new ActiveXObject("Microsoft.XMLDOM");	
        objXMLDoc.loadXML(req.responseText);
		//<root><address name='' email=''/></root>
		var data=objXMLDoc.selectNodes("//root/address");
		EditForm.allSelect.options.length=0;
		for(var i=0;i<data.length;i++)
		{
		var op=new Option(data[i].getAttribute("name"),data[i].getAttribute("name")+"<"+data[i].getAttribute("email")+">");
		EditForm.allSelect.options[i]=op;
		}
      } else {
        // 有HTTP问题发生
        alert("HTTP error: "+req.status);
      }
    }
  }
}
</script>

<link href="/css/css.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY bgcolor="#C1F9FD"  leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onUnload="unloadme();" scroll="no" border="none">
<table width="100%" border="0" cellpadding="3" cellspacing="0">
 <FORM  name="EditForm" METHOD="POST" ACTION="/address.ejf" onSubmit="return checkForm(this)">
<input type="hidden" name="easyJWebCommand" value="choice">
<input type="hidden" name="cid" value="$!cid">	
    <tr>
      <td width="17%" nowrap> <select name="group" id="group" onChange="doChange(this.value)">
	  <option value="all">全部通讯录</option>
		  #foreach( $info in $allGroup) 
				  <option value="$!info.cid">$!info.name</option>
		  #end
        </select>      </td>	
      <td width="72%" nowrap>
  <input name="key" type="text" id="key" style="width:100%" value="$!key">   </td>
      <td width="11%" align="left" nowrap bgcolor="#C1F9FD">
        <input type="submit" name="Submit" value="查找" >
        <input type="reset" name="Submit2" value="重置" onClick="FindReset();"> </td>
    </tr>
    <tr>
      <td colspan="3"><select name="allSelect" size="15" multiple style="width:100%" ondblclick="ok();">
        
	    #foreach( $info in $list)       		   
        <option value="$!info.name<$!info.email>">$!info.name</option>        
		#end        
      </select>      </td>
    </tr>
    <tr>
      <td colspan="3" align="right">
	  全选<input name="selall" type="checkbox" id="selall"  onClick="choiceAll(this.checked)">	 
        <input type="button" name="Submit4" value=" 确定 " onClick="ok();"> <input type="button" name="Submit5" value=" 关闭 " onClick="top.window.close();">      </td>
    </tr>
  </form>
</table>
<fieldset>
<legend class="bottomindex">提示</legend>
<table width="100%" height="50" border="0" cellpadding="5" cellspacing="0">
  <tr>
    <td>　　１、按住 Ctrl 键，再用鼠标进行多选。<br>
      　　２、在最上面的文本框输入查询关键词可进行模糊查询以缩小用户列表范围。</td>
  </tr>
</table>
</fieldset>
</BODY>
</HTML>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -