<style type="text/css">
.myInput {border: 1px solid cadetblue;font-size:9pt; font-family:Tahoma,Courier New; padding-left:2px; padding-right:2px;}
.center { left:50%; top:50%; z-index:1; }
</style>
=================================
<script language="javascript" type="text/javascript">
<!--
//显示隐藏/隐藏附件列表
function showDiv()
{
var objDiv = document.getElementById("divAnnexList");
var objLnk = document.getElementById("lnk");
if(objDiv=="undefined") return;
if(objDiv.style.display=="none")
{
showMenu(objLnk,objDiv);
//objLnk.innerHTML = "隐藏附件列表";
}
else
{
hideMenu(objDiv);
//objLnk.innerHTML = "显示附件列表";
}
}
//显示附件列表
var outDiv;
var outObj;
var displayTip="隐藏附件列表";
var hiddenTip="显示附件列表";
function showMenu(spnobj, hdnDiv)
{
outDiv = hdnDiv;
outObj = spnobj;
outObj.innerHTML = displayTip;
var selstyle=(hdnDiv).style;
var ttop = spnobj.offsetTop;
var tleft = spnobj.offsetLeft;
var thei = spnobj.clientHeight;
while(spnobj=spnobj.offsetParent)
{
ttop +=spnobj.offsetTop;
tleft +=spnobj.offsetLeft;
}
if ((ttop+thei+4 +selstyle.offsetHeight)>(document.body.scrollTop + document.body.offsetHeight) && (selstyle.offsetHeight)<(ttop-1))
{
selstyle.top = ttop-1-selstyle.offsetHeight; //超出边界时
}
else
{
selstyle.top =ttop+thei+16;
}
selstyle.left = tleft;
selstyle.zIndex=1000;
selstyle.display='';
}
//隐藏附件列表
function hideMenu(sellayer)
{
outObj.innerHTML = hiddenTip;
if(sellayer!=null)
sellayer.style.zIndex=-1;
sellayer.style.display='none';
}
document.onclick = show;
function show(e)
{
if (!document.all)
{
var srcEl = e.srcElement? e.srcElement : e.target;
if (srcEl != outDiv && srcEl != outObj)
{
if (outDiv && outDiv!='undefined')
{
hideMenu(outDiv);
}
}
}
else
{
with(window.event)
{
if (event.srcElement != outDiv && event.srcElement != outObj)
{
if (outDiv && outDiv!='undefined')
{
hideMenu(outDiv);
}
}
}
}
}
//-->
</script>
=============================================
<table width="100%" height="35" border="0">
<tr>
<td height="28"><input type="file" name="accessories2" class="myInput" size="55">
<input type="button" value="上传" class="btn3_mouseout" onmouseover="this.className='btn3_mouseover'" onmouseout="this.className='btn3_mouseout'" onmousedown="this.className='btn3_mousedown'" onmouseup="this.className='btn3_mouseup'" onclick="javascript:location.replace('add_apply.jsp?actionName=InsertAccessoriesAllFile&applyid=<%= this.value("apply_id") %>');">
<a id="lnk" href="#lnk" onclick="javascript:showDiv();">显示附件列表</a>
</td>
</tr>
</table>
<!--// 附件列表div -->
<div class="center" id="divAnnexList" style="100%; display:none; Z-INDEX: -1; POSITION: static;">
<table>
<caption align="left">附件列表:<hr><caption>
<exp:dataview id="listAccessories">
<%
CommonVO vo = ( CommonVO )request.getAttribute( "listAccessories.vo" );
%>
<tr>
<td><a href="#" onclick="javascript:location.replace('framework/common/download.jsp?subject=$bigtext_subject$');">$subject$</a></td>
<td> <a href="#" onclick="javascript:location.replace('add_apply.jsp?actionName=doDelAccessories&AccessoriesId=$bigtext_subject$');">删除</a></td>
</tr>
</exp:dataview>
</table>
</div>
<!-- 附件列表div //-->
.myInput {border: 1px solid cadetblue;font-size:9pt; font-family:Tahoma,Courier New; padding-left:2px; padding-right:2px;}
.center { left:50%; top:50%; z-index:1; }
</style>
=================================
<script language="javascript" type="text/javascript">
<!--
//显示隐藏/隐藏附件列表
function showDiv()
{
var objDiv = document.getElementById("divAnnexList");
var objLnk = document.getElementById("lnk");
if(objDiv=="undefined") return;
if(objDiv.style.display=="none")
{
showMenu(objLnk,objDiv);
//objLnk.innerHTML = "隐藏附件列表";
}
else
{
hideMenu(objDiv);
//objLnk.innerHTML = "显示附件列表";
}
}
//显示附件列表
var outDiv;
var outObj;
var displayTip="隐藏附件列表";
var hiddenTip="显示附件列表";
function showMenu(spnobj, hdnDiv)
{
outDiv = hdnDiv;
outObj = spnobj;
outObj.innerHTML = displayTip;
var selstyle=(hdnDiv).style;
var ttop = spnobj.offsetTop;
var tleft = spnobj.offsetLeft;
var thei = spnobj.clientHeight;
while(spnobj=spnobj.offsetParent)
{
ttop +=spnobj.offsetTop;
tleft +=spnobj.offsetLeft;
}
if ((ttop+thei+4 +selstyle.offsetHeight)>(document.body.scrollTop + document.body.offsetHeight) && (selstyle.offsetHeight)<(ttop-1))
{
selstyle.top = ttop-1-selstyle.offsetHeight; //超出边界时
}
else
{
selstyle.top =ttop+thei+16;
}
selstyle.left = tleft;
selstyle.zIndex=1000;
selstyle.display='';
}
//隐藏附件列表
function hideMenu(sellayer)
{
outObj.innerHTML = hiddenTip;
if(sellayer!=null)
sellayer.style.zIndex=-1;
sellayer.style.display='none';
}
document.onclick = show;
function show(e)
{
if (!document.all)
{
var srcEl = e.srcElement? e.srcElement : e.target;
if (srcEl != outDiv && srcEl != outObj)
{
if (outDiv && outDiv!='undefined')
{
hideMenu(outDiv);
}
}
}
else
{
with(window.event)
{
if (event.srcElement != outDiv && event.srcElement != outObj)
{
if (outDiv && outDiv!='undefined')
{
hideMenu(outDiv);
}
}
}
}
}
//-->
</script>
=============================================
<table width="100%" height="35" border="0">
<tr>
<td height="28"><input type="file" name="accessories2" class="myInput" size="55">
<input type="button" value="上传" class="btn3_mouseout" onmouseover="this.className='btn3_mouseover'" onmouseout="this.className='btn3_mouseout'" onmousedown="this.className='btn3_mousedown'" onmouseup="this.className='btn3_mouseup'" onclick="javascript:location.replace('add_apply.jsp?actionName=InsertAccessoriesAllFile&applyid=<%= this.value("apply_id") %>');">
<a id="lnk" href="#lnk" onclick="javascript:showDiv();">显示附件列表</a>
</td>
</tr>
</table>
<!--// 附件列表div -->
<div class="center" id="divAnnexList" style="100%; display:none; Z-INDEX: -1; POSITION: static;">
<table>
<caption align="left">附件列表:<hr><caption>
<exp:dataview id="listAccessories">
<%
CommonVO vo = ( CommonVO )request.getAttribute( "listAccessories.vo" );
%>
<tr>
<td><a href="#" onclick="javascript:location.replace('framework/common/download.jsp?subject=$bigtext_subject$');">$subject$</a></td>
<td> <a href="#" onclick="javascript:location.replace('add_apply.jsp?actionName=doDelAccessories&AccessoriesId=$bigtext_subject$');">删除</a></td>
</tr>
</exp:dataview>
</table>
</div>
<!-- 附件列表div //-->