You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
551 lines
23 KiB
Plaintext
551 lines
23 KiB
Plaintext
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="EBPricequeryLogList.aspx.cs" Inherits="DSWeb.PriceCarrier.EBPricequeryLogList" %>
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml" >
|
|
<head id="Head1" runat="server">
|
|
<title>客户运价查询日志</title>
|
|
<link rel="STYLESHEET" type="text/css" href="../theme/button/default/Fee.css"/>
|
|
<!--按钮条-->
|
|
<style type="text/css">
|
|
.btn-content0{
|
|
width:100%;
|
|
height:30px;
|
|
background:url("../images/content-header.gif");
|
|
cursor:default;
|
|
}
|
|
</style>
|
|
<!--Grid-->
|
|
<link rel="STYLESHEET" type="text/css" href="../theme/dhtmlxgrid.css"/>
|
|
<link rel="STYLESHEET" type="text/css" href="../theme/page.css"/>
|
|
<script src="../js/dhtmlxcommon.js" type="text/javascript"></script>
|
|
<script src="../js/dhtmlxgrid.js" type="text/javascript"></script>
|
|
<script src="../js/dhtmlxgridcell.js" type="text/javascript"></script>
|
|
<script src="../js/dhtmlxcombo.js" type="text/javascript"></script>
|
|
<script src="../js/dhtmlxgrid_keymap_excel.js" type="text/javascript"></script>
|
|
<script src="../js/dhtmlxgrid_drag.js" type="text/javascript"></script>
|
|
<script src="../js/dhtmlxgrid_group.js" type="text/javascript"></script>
|
|
<script src="../js/dhtmlxgrid_mcol.js" type="text/javascript"></script>
|
|
<script src="../js/json2.js" type="text/javascript"></script>
|
|
<script src="../js/m97date/wdatepicker.js" type="text/javascript"></script>
|
|
<script src="../js/jsGridEBPricequeryLogList.js" type="text/javascript"></script>
|
|
|
|
<style type="text/css">
|
|
#divh { position:absolute; z-index:1001; left:40%; top:30%; width:300px; margin-left:-200px; border:solid 6px #ddd; }
|
|
.box { border:solid 1px #999; font-size:14px; }
|
|
#tit { border-bottom:solid 1px #999;background-color:#cccccc; padding:6px; font-weight:bold;}
|
|
#bod { background-color:#ffffff; padding:20px; }
|
|
#bot { border-top:solid 1px #999;background-color:#cccccc; text-align:right;}
|
|
.menu { position:absolute; z-index:101; width:150px; border:solid 1px #999; padding:2px; background-color:#ffffff;}
|
|
.menu a {padding:5px 6px; font-size:12px; color:#000000; cursor:default; text-decoration:none; padding-top:1px; width:90px;}
|
|
.menu a:hover { background-color:#507cd1; color:#ffffff;}
|
|
|
|
.regular{text-decoration:none;cursor:default; margin-right:20px;}
|
|
.imgLeftButton{
|
|
background-image:url(../images/icons/edit_right.gif);height:19px;width:19px; margin-left:22px;margin-bottom:30px;
|
|
}
|
|
.imgLeftHoverButton{
|
|
background-image:url(../images/icons/edit_righthover.gif);height:19px;width:19px; margin-left:22px;margin-bottom:30px;
|
|
}
|
|
|
|
.imgRightButton{
|
|
background-image:url(../images/icons/edit_left.gif);height:19px;width:19px; margin-left:22px;
|
|
}
|
|
.imgRightHoverButton{
|
|
background-image:url(../images/icons/edit_lefthover.gif);height:19px;width:19px; margin-left:22px;
|
|
}
|
|
|
|
.imgUpButton{
|
|
background-image:url(../images/icons/edit_up.gif);height:19px;width:19px; margin-left:22px;margin-bottom:30px;
|
|
}
|
|
.imgUpHoverButton{
|
|
background-image:url(../images/icons/edit_uphover.gif);height:19px;width:19px; margin-left:22px;margin-bottom:30px;
|
|
}
|
|
|
|
.imgDownButton{
|
|
background-image:url(../images/icons/edit_down.gif);height:19px;width:19px; margin-left:22px;
|
|
}
|
|
.imgDownHoverButton{
|
|
background-image:url(../images/icons/edit_downhover.gif);height:19px;width:19px; margin-left:22px;
|
|
}
|
|
.enterButton{
|
|
display:block;
|
|
float:left;
|
|
margin:0 7px 0 0;
|
|
background-color:#d5d5d5;
|
|
border:1px solid #dedede;
|
|
border-top:1px solid #eee;
|
|
border-left:1px solid #eee;
|
|
|
|
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
|
|
font-size:12px;
|
|
line-height:130%;
|
|
text-decoration:none;
|
|
font-weight:bold;
|
|
color:#565656;
|
|
cursor:default;
|
|
padding:5px 10px 6px 7px; /* Links */
|
|
width:60px;
|
|
text-align:center;
|
|
margin-top:8px;
|
|
margin-left:20px;
|
|
|
|
}
|
|
|
|
.enterButton:hover{
|
|
background-color:#dff4ff;
|
|
border:1px solid #c2e1ef;
|
|
color:#336699;
|
|
}
|
|
.enterButton:active{
|
|
background-color:#6299c5;
|
|
border:1px solid #6299c5;
|
|
color:#fff;
|
|
}
|
|
.dvMenu{
|
|
display:block;
|
|
background-color:#ffffff;
|
|
border:1px solid #dedede;
|
|
border-top:1px solid #eee;
|
|
border-left:1px solid #eee;
|
|
|
|
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
|
|
font-size:12px;
|
|
line-height:130%;
|
|
text-decoration:none;
|
|
font-weight:bold;
|
|
color:#565656;
|
|
cursor:default;
|
|
padding:8px 0px 6px 7px; /* Links */
|
|
width:95%;
|
|
text-align:center;
|
|
|
|
}
|
|
.dvMenu:hover{
|
|
background-color:#dff4ff;
|
|
border:1px solid #c2e1ef;
|
|
color:#336699;
|
|
}
|
|
.dvMenu:active{
|
|
background-color:#6299c5;
|
|
border:1px solid #6299c5;
|
|
color:#fff;
|
|
}
|
|
.txtTab{border:1px solid #A0A0A4; border-color:#6699CC;}
|
|
.btncss
|
|
{
|
|
width:100px;
|
|
BORDER-RIGHT: #2C59AA 1px solid;
|
|
PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid;
|
|
PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5);
|
|
BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;
|
|
BORDER-BOTTOM: #2C59AA 1px solid;
|
|
}
|
|
</style>
|
|
<script type="text/javascript">
|
|
function $(id)
|
|
{
|
|
return document.getElementById(id);
|
|
}
|
|
|
|
function initDialog()
|
|
{
|
|
var winScreenHeight = 0;
|
|
var winScreenWidth = 0;
|
|
if(window.screen.height)
|
|
{
|
|
winScreenHeight = window.screen.height;
|
|
}
|
|
if(window.screen.width)
|
|
{
|
|
winScreenWidth = window.screen.width;
|
|
}
|
|
if(winScreenWidth >= 1440 && winScreenWidth >= 900)
|
|
{
|
|
document.getElementById("mygrid_container_log").style.height = "400px";
|
|
}else if(winScreenWidth >= 1366 && winScreenWidth >= 768)
|
|
{
|
|
document.getElementById("mygrid_container_log").style.height = "310px";
|
|
}else if(winScreenWidth >= 1024 && winScreenWidth >= 768)
|
|
{
|
|
document.getElementById("mygrid_container_log").style.height = "270px";
|
|
}
|
|
}
|
|
</script>
|
|
<!--GridEnd-->
|
|
<script language="javascript" type="text/javascript">
|
|
function QueryString()
|
|
{
|
|
var name,value,i;//构造参数对象并初始化
|
|
var str=location.href;//获得浏览器地址栏URL串
|
|
var num=str.indexOf("?")
|
|
str=str.substr(num+1);//截取“?”后面的参数串
|
|
var arrtmp=str.split("&");//将各参数分离形成参数数组
|
|
for(i=0;i < arrtmp.length;i++)
|
|
{
|
|
num=arrtmp[i].indexOf("=");
|
|
if(num>0)
|
|
{
|
|
name=arrtmp[i].substring(0,num);//取得参数名称
|
|
value=arrtmp[i].substr(num+1);//取得参数值
|
|
this[name]=value;//定义对象属性并初始化
|
|
}
|
|
}
|
|
}
|
|
function ShowDetailFresh()
|
|
{
|
|
initLog();
|
|
initMenu();
|
|
}
|
|
function newGuid(){
|
|
var guid = "";
|
|
for (var i = 1; i <= 32; i++){
|
|
var n = Math.floor(Math.random()*16.0).toString(16);
|
|
guid += n;
|
|
if((i==8)||(i==12)||(i==16)||(i==20))
|
|
guid += "-";
|
|
}
|
|
return guid.toUpperCase();
|
|
}
|
|
function setExcel()
|
|
{
|
|
if(confirm('确定要导出报表吗？'))
|
|
{
|
|
var loader = dhtmlxAjax.getSync("EBPricequeryLogListGridSource.aspx?handle=excel&customername="+escape($("hd_comboCUSTOMERNAME").value)+"&val="+newGuid());
|
|
$("hdSQL").value = loader.xmlDoc.responseText;
|
|
//
|
|
document.getElementById("btExcel1").click();
|
|
}
|
|
}
|
|
function newGuid(){
|
|
var guid = "";
|
|
for (var i = 1; i <= 32; i++){
|
|
var n = Math.floor(Math.random()*16.0).toString(16);
|
|
guid += n;
|
|
if((i==8)||(i==12)||(i==16)||(i==20))
|
|
guid += "-";
|
|
}
|
|
return guid.toUpperCase();
|
|
}
|
|
function imgAddChangePic()
|
|
{
|
|
var pic1=document.getElementById("imgAdd");
|
|
var start=pic1.src.lastIndexOf("/");
|
|
var str=pic1.src.substring(start+1);
|
|
if(str=="order_modify.gif")
|
|
{
|
|
pic1.src="../images/order_cancel.gif";
|
|
//pic1.alt="我是B图片";
|
|
}
|
|
else if(str=="order_cancel.gif")
|
|
{
|
|
pic1.src="../images/order_modify.gif";
|
|
//pic1.alt="我是A图片";
|
|
}
|
|
}
|
|
function imgFreshChangePic()
|
|
{
|
|
var pic1=document.getElementById("imgFresh");
|
|
var start=pic1.src.lastIndexOf("/");
|
|
var str=pic1.src.substring(start+1);
|
|
if(str=="btnFresh.gif")
|
|
{
|
|
pic1.src="../images/icons/progress.gif";
|
|
//pic1.alt="我是B图片";
|
|
}
|
|
else if(str=="progress.gif")
|
|
{
|
|
pic1.src="../images/icons/btnFresh.gif";
|
|
//pic1.alt="我是A图片";
|
|
}
|
|
}
|
|
function imgEditChangePic()
|
|
{
|
|
var pic1=document.getElementById("imgEdit");
|
|
var start=pic1.src.lastIndexOf("/");
|
|
var str=pic1.src.substring(start+1);
|
|
if(str=="audit.gif")
|
|
{
|
|
pic1.src="../images/order_delete.gif";
|
|
//pic1.alt="我是B图片";
|
|
}
|
|
else if(str=="order_delete.gif")
|
|
{
|
|
pic1.src="../images/audit.gif";
|
|
//pic1.alt="我是A图片";
|
|
}
|
|
}
|
|
function imgDelChangePic()
|
|
{
|
|
var pic1=document.getElementById("imgDel");
|
|
var start=pic1.src.lastIndexOf("/");
|
|
var str=pic1.src.substring(start+1);
|
|
if(str=="remove.gif")
|
|
{
|
|
pic1.src="../images/delete.gif";
|
|
//pic1.alt="我是B图片";
|
|
}
|
|
else if(str=="delete.gif")
|
|
{
|
|
pic1.src="../images/icons/remove.gif";
|
|
//pic1.alt="我是A图片";
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<!--自定义下拉框-->
|
|
<link href="../theme/dhtmlxcombo.css" type="text/css" rel="Stylesheet" media="screen" />
|
|
<script type="text/javascript" src="../js/dhtmlxcommon.js"></script>
|
|
<script type="text/javascript" src="../js/dhtmlxcombo.js"></script>
|
|
<script type="text/javascript" src="../js/dhtmlxcombo_whp.js"></script>
|
|
<script type="text/javascript">
|
|
window.dhx_globalImgPath="../images/";
|
|
</script>
|
|
<script type="text/javascript">
|
|
var comboCUSTOMERNAME;//委托单位
|
|
|
|
function initComboCUSTOMERNAME()//委托单位
|
|
{
|
|
comboCUSTOMERNAME = dhtmlXComboFromSelect("ddlCUSTOMERNAME");
|
|
comboCUSTOMERNAME.loadXML("../FeeCodes/WebCrmClientAdapter.aspx?mask=0&pos=0&strIS=ISCONTROLLER");
|
|
}
|
|
function initComboCUSTOMERNAME2()//委托单位
|
|
{
|
|
comboCUSTOMERNAME.attachEvent("onChange", function()
|
|
{
|
|
comboCUSTOMERNAME.setComboText($("hd_comboCUSTOMERNAME").value);
|
|
});
|
|
comboCUSTOMERNAME.attachEvent("onBlur", function(){
|
|
var s1 = comboCUSTOMERNAME.getComboText().trim();
|
|
if(s1=="")
|
|
{
|
|
$("hd_comboCUSTOMERNAME").value="";
|
|
comboCUSTOMERNAME.setComboText($("hd_comboCUSTOMERNAME").value);
|
|
}
|
|
else
|
|
{
|
|
var s2 = s1.indexOf("|");
|
|
if(s2>0)
|
|
{
|
|
s2=s2+2;
|
|
}
|
|
var s3 = s1.substring(s2);
|
|
if(s2>0)
|
|
{
|
|
comboCUSTOMERNAME.setComboText(s3);
|
|
$("hd_comboCUSTOMERNAME").value=s3;
|
|
}
|
|
else
|
|
{
|
|
comboCUSTOMERNAME.setComboText($("hd_comboCUSTOMERNAME").value);
|
|
}
|
|
}
|
|
});
|
|
comboCUSTOMERNAME.setComboText($("hd_comboCUSTOMERNAME").value);
|
|
comboCUSTOMERNAME.attachEvent("onKeyPressed", function(keyCode)
|
|
{
|
|
if(keyCode!="8")
|
|
{
|
|
var arrayArg = new Array();
|
|
setTimeout(function()
|
|
{
|
|
var filterCount = 0;
|
|
var is = -1;
|
|
var ishd = $("hd_comboCUSTOMERNAME").value.trim();
|
|
if("" != comboCUSTOMERNAME.getComboText().trim())
|
|
{
|
|
while("undefined" != typeof comboCUSTOMERNAME.getOptionByIndex(filterCount))
|
|
{
|
|
var comboValue = comboCUSTOMERNAME.getOptionByIndex(filterCount).text.toUpperCase();//.value;
|
|
var enterValue = comboCUSTOMERNAME.getComboText().trim().toUpperCase();
|
|
$("hd_comboCUSTOMERNAME").value = comboCUSTOMERNAME.getComboText().trim().toUpperCase();
|
|
if(comboValue.indexOf(enterValue) == 0)
|
|
{
|
|
comboCUSTOMERNAME.selectOption(filterCount,true,true);
|
|
is=filterCount;
|
|
break;
|
|
}
|
|
++filterCount;
|
|
}
|
|
if(is==-1)
|
|
{
|
|
$("hd_comboCUSTOMERNAME").value = ishd;
|
|
alert("无此内容，请重新选择！");
|
|
}
|
|
}
|
|
},10);
|
|
}
|
|
});
|
|
comboCUSTOMERNAME.attachEvent("onSelectionChange", function()
|
|
{
|
|
$("hd_comboCUSTOMERNAME").value = comboCUSTOMERNAME.getComboText().trim();
|
|
});
|
|
}
|
|
|
|
function bodyOnload()
|
|
{
|
|
initDialog();
|
|
initLog();
|
|
initMenu();
|
|
//
|
|
initComboCUSTOMERNAME();
|
|
initComboCUSTOMERNAME2();
|
|
}
|
|
//回车键控制
|
|
document.onkeypress=function()
|
|
{
|
|
if(event.keyCode==13)
|
|
{
|
|
ShowDetailFresh();
|
|
}
|
|
}
|
|
</script>
|
|
<!--蒙板-->
|
|
<script type="text/javascript">
|
|
function dialog()
|
|
{
|
|
this.width=450;
|
|
this.height=360;
|
|
this.title_height=20;
|
|
this.html='';
|
|
this.title='';
|
|
var self = this;
|
|
var bgObj,msgObj,titleObj;
|
|
this.close=function()
|
|
{
|
|
document.body.removeChild(document.getElementById("bgDiv"));
|
|
document.getElementById("msgDiv").removeChild(document.getElementById("msgTitle"));
|
|
document.body.removeChild(document.getElementById("msgDiv"));
|
|
}
|
|
|
|
this.show=function()
|
|
{
|
|
var msgw,msgh,bordercolor;
|
|
msgw=self.width;
|
|
msgh=self.height;
|
|
bordercolor="#336699";
|
|
titlecolor="#99CCFF";
|
|
|
|
var sWidth,sHeight;
|
|
sWidth=document.body.offsetWidth;
|
|
sHeight=screen.height;
|
|
bgObj=document.createElement("div");
|
|
bgObj.setAttribute('id','bgDiv');
|
|
bgObj.style.position="absolute";
|
|
bgObj.style.top="0";
|
|
bgObj.style.background="#777";
|
|
bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75";
|
|
bgObj.style.opacity="0.6";
|
|
bgObj.style.left="0";
|
|
bgObj.style.width=sWidth + "px";
|
|
bgObj.style.height=sHeight + "px";
|
|
bgObj.style.zIndex = "10000";
|
|
document.body.appendChild(bgObj);
|
|
|
|
msgObj=document.createElement("div")
|
|
msgObj.setAttribute("id","msgDiv");
|
|
msgObj.setAttribute("align","center");
|
|
msgObj.style.background="white";
|
|
msgObj.style.border="1px solid " + bordercolor;
|
|
msgObj.style.position = "absolute";
|
|
msgObj.style.left = "50%";
|
|
msgObj.style.top = "30%";
|
|
msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";
|
|
msgObj.style.marginLeft = "-225px" ;
|
|
msgObj.style.marginTop = -75+document.documentElement.scrollTop+"px";
|
|
msgObj.style.width = msgw + "px";
|
|
msgObj.style.height =msgh + "px";
|
|
msgObj.style.textAlign = "center";
|
|
msgObj.style.lineHeight ="25px";
|
|
msgObj.style.zIndex = "10001";
|
|
|
|
titleObj=document.createElement("h4");
|
|
titleObj.setAttribute("id","msgTitle");
|
|
titleObj.setAttribute("align","center");
|
|
titleObj.style.margin="0";
|
|
titleObj.style.padding="3px";
|
|
titleObj.style.background=bordercolor;
|
|
titleObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);";
|
|
titleObj.style.opacity="0.75";
|
|
titleObj.style.border="1px solid " + bordercolor;
|
|
titleObj.style.height=self.title_height+"px";
|
|
titleObj.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif";
|
|
titleObj.style.color="white";
|
|
titleObj.style.cursor="pointer";
|
|
titleObj.innerHTML=self.title;
|
|
//titleObj.onclick=function(){self.close();}
|
|
document.body.appendChild(msgObj);
|
|
document.getElementById("msgDiv").appendChild(titleObj);
|
|
var txt=document.createElement("div");
|
|
txt.style.margin="1em 0"
|
|
txt.setAttribute("id","msgTxt");
|
|
txt.innerHTML=self.html;
|
|
document.getElementById("msgDiv").appendChild(txt);
|
|
}
|
|
}
|
|
function msgBox()
|
|
{
|
|
var dg=new dialog();
|
|
//dg.html="<input type=button onclick='new dialog().close();' value='确定'>";
|
|
dg.html="程序正在提交，请稍等！";
|
|
dg.width=200;
|
|
dg.height=100;
|
|
dg.title="标题";
|
|
dg.show();
|
|
}
|
|
</script>
|
|
</head>
|
|
<body onload="bodyOnload();" style="border:0px; width:100%; height:100%">
|
|
<form id="form1" runat="server">
|
|
<div>
|
|
<table style="border:0; padding:0;">
|
|
<tr>
|
|
<td><div style="width:50px;text-align:right;" class="cssfont">客户</div></td>
|
|
<td>
|
|
<select id="ddlCUSTOMERNAME" runat=server style="width:122px" class="txtTab"></select>
|
|
</td>
|
|
<td valign="middle" style="width:70px;">
|
|
<div onclick="ShowDetailFresh()" style="margin-left:5px; width:70px;">
|
|
<div style="width:20px; height:20px; float:left;margin-top:3px;"><img src="../images/icons/btnSearch.gif" title="查询"/></div>
|
|
<div style="float:left; font-size:12px; cursor:default;margin-top:5px;width:30px;">查询</div></div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div style="width:100%;vertical-align:text-bottom;" class="btn-content0">
|
|
<div class="btn-blank"></div>
|
|
<div class="xbtn-img" id=divexcel runat=server onclick="setExcel()">
|
|
<div class="btnimg"><img src="../images/icons/excel.gif" width="16px" height="16px" title="导出" class="cssfont"/></div>
|
|
</div>
|
|
</div>
|
|
<div style=" width:100%; height:100%;" oncontextmenu="return false">
|
|
<div style="width:98%; overflow-x:scroll; position:relative;"><div id="mygrid_container_log" style="width:2000px; height:420px;" runat="server" class="cssfont"></div></div>
|
|
<div id="pager" style="width: 100%; margin: 0px; padding: 4px; border: 0px solid #999;"></div>
|
|
<div id="info" style="text-align: center; width: 100%; margin: 0 2px; padding: 4px; border: 1px solid #999;display:none;"></div>
|
|
<div>
|
|
<input type="hidden" id="hid_setting" runat="server"/>
|
|
<input type="hidden" id="hid_header" runat="server" />
|
|
<input type="hidden" id="hid_id" runat="server" />`
|
|
<div id="dvSaveState" runat="server"></div>
|
|
<div id="divh" style="display: none;">
|
|
<div class="box">
|
|
<div id="tit"></div>
|
|
<div id="bod"></div>
|
|
<div id="bot"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<input id="hdRangeV" type="hidden" runat=server/>
|
|
<input id="hdRangeO" type="hidden" runat=server/>
|
|
<input id="hdRange" type="hidden" runat=server/>
|
|
|
|
<input type="hidden" id="hd_comboCUSTOMERNAME" runat="server"/>
|
|
|
|
<input type="hidden" id="hdSQL" runat="server" />
|
|
<input type="hidden" id="hdNAMES" runat="server" />
|
|
|
|
<asp:Button ID="btExcel1" runat="server" Text="导出excel" Width=60px Height=20px CssClass="btncss" onclick="btExcel1_Click" style="display:none;"/>
|
|
</div>
|
|
</form>
|
|
</body>
|
|
</html>
|