<html> <head> <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#addPNG").click( function() { $(this).hide(); $("#deletePNG").show(); } ); $("#deletePNG").click( function() { $(this).hide(); $("#addPNG").show(); } ); $(window).unload( function () { alert("Bye now!"); } ); }); $(function(){ $("#uploadBtn").bind("click",function(){ $("#uploadTB").append("<tr class=\"add_2\" style=\"display: none;\"> <td class=\"STYLE3\" align=\"center\"><span class=\"fileNum\"></span></td> <td class=\"STYLE3\" align=\"center\"><input type=\"button\" value=\"删除\" name=\"delBtn\" οnclick=\"del(this)\"></td> <td class=\"STYLE3\" align=\"center\"><input type=\"file\" style=\"display: none;\" οnchange=\"putFileName(this)\" id=\"files\"/><span></span></td> <td class=\"STYLE3\" align=\"center\"><div></div></td><td class=\"STYLE3\" align=\"center\">#####</td><td class=\"STYLE3\" align=\"center\">#########</td></tr>"); var fileInput = $("tr[class='add_2']:last").find("input[type='file']"); fileInput.click(); }); }); function putFileName(obj){ var fileName = obj.value; var byte = obj.files[0].size; var fileSize = byte/1024/1024 + ' M'; var table_tr = $("tr[class='add_2']:last"); table_tr.find("span").text(fileName); table_tr.removeAttr("style"); var tbl = document.getElementById('uploadTB'); var lastRow = tbl.rows.length; $(obj).closest("tr").find("span.fileNum").text(lastRow-1); table_tr.find("div").text(fileSize); table_tr.removeAttr("style"); } function del(obj){ $(obj).closest("tr").remove(); var tbl = $("#uploadTB"); var lastRow = tbl.rows.length; $("#uploadTB tr").each(function (){ $(this).find("td:nth-child(0)").find("span.fileNum").text(); }); }; </script> </head> <body> <table class="add_table"> <tr style="margin-bottom: 8px;"> <td> <input type=button value="上传附件" id="uploadBtn" class="btn-icon btn" style="width: 80px; height: 23px;"> </td> </tr> <tr> <td> <table id="uploadTB" width="99%" border="0" cellpadding="0" cellspacing="1" bgcolor="#a8c7ce" style="margin: 5px;"> <tr class="add_1"> <td class="STYLE6_NUM" width="5%"> <span></span> </td> <td class="STYLE3" width=20px > <div align="center"> <span class="STYLE10">操作</span> </div> </td> <td class="STYLE3" width=100px> <div align="center"> <span class="STYLE10">文件名</span> </div> </td> <td class="STYLE3" width=100px> <div align="center"> <span class="STYLE10">文件大小</span> </div> </td> <td class="STYLE3" width=100px> <div align="center"> <span class="STYLE10">上传人</span> </div> </td> <td class="STYLE3" width=100px> <div align="center"> <span class="STYLE10">上传时间</span> </div> </td> </tr> </table> </td> <tr> <td colspan="6" align="right"> <span style="cursor:pointer;"><img width="45" height="15" title="" src="images/archiveManage_images/main_56.gif"></span> <span style="margin-right:8px;cursor:pointer;"><img width="45" height="15" title="下一页" src="images/archiveManage_images/main_58.gif"></span> </td> </tr> <tr height="2px"><td></td></tr> </table> <table> <td> <div align="center" id ="addPNG"> <img src="edit_add.png" class="page_image" alt="还原" />还原 </div> <div align="center" style="display: none;" id="deletePNG"> <img src="cancel.png" class="page_image" alt="删除" />删除 </div> </td> </table> </body> </html><html>
<head>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#addPNG").click(
function()
{
$(this).hide();
$("#deletePNG").show();
}
);
$("#deletePNG").click(
function()
{
$(this).hide();
$("#addPNG").show();
}
);
$(window).unload( function () { alert("Bye now!"); } );
});
$(function(){
$("#uploadBtn").bind("click",function(){
$("#uploadTB").append("<tr class=\"add_2\" style=\"display: none;\"> <td class=\"STYLE3\" align=\"center\"><span class=\"fileNum\"></span></td> <td class=\"STYLE3\" align=\"center\"><input type=\"button\" value=\"删除\" name=\"delBtn\" οnclick=\"del(this)\"></td> <td class=\"STYLE3\" align=\"center\"><input type=\"file\" style=\"display: none;\" οnchange=\"putFileName(this)\" id=\"files\"/><span></span></td> <td class=\"STYLE3\" align=\"center\"><div></div></td><td class=\"STYLE3\" align=\"center\">#####</td><td class=\"STYLE3\" align=\"center\">#########</td></tr>");
var fileInput = $("tr[class='add_2']:last").find("input[type='file']");
fileInput.click();
});
});
function putFileName(obj){
var fileName = obj.value;
var byte = obj.files[0].size;
var fileSize = byte/1024/1024 + ' M';
var table_tr = $("tr[class='add_2']:last");
table_tr.find("span").text(fileName);
table_tr.removeAttr("style");
var tbl = document.getElementById('uploadTB');
var lastRow = tbl.rows.length;
$(obj).closest("tr").find("span.fileNum").text(lastRow-1);
table_tr.find("div").text(fileSize);
table_tr.removeAttr("style");
}
function del(obj){
$(obj).closest("tr").remove();
var tbl = $("#uploadTB");
var lastRow = tbl.rows.length;
$("#uploadTB tr").each(function (){
$(this).find("td:nth-child(0)").find("span.fileNum").text();
});
};
</script>
</head>
<body>
<table class="add_table">
<tr style="margin-bottom: 8px;">
<td>
<input type=button value="上传附件" id="uploadBtn"
class="btn-icon btn" style="width: 80px; height: 23px;">
</td>
</tr>
<tr>
<td>
<table id="uploadTB" width="99%" border="0" cellpadding="0" cellspacing="1" bgcolor="#a8c7ce" style="margin: 5px;">
<tr class="add_1">
<td class="STYLE6_NUM" width="5%">
<span></span>
</td>
<td class="STYLE3" width=20px >
<div align="center">
<span class="STYLE10">操作</span>
</div>
</td>
<td class="STYLE3" width=100px>
<div align="center">
<span class="STYLE10">文件名</span>
</div>
</td>
<td class="STYLE3" width=100px>
<div align="center">
<span class="STYLE10">文件大小</span>
</div>
</td>
<td class="STYLE3" width=100px>
<div align="center">
<span class="STYLE10">上传人</span>
</div>
</td>
<td class="STYLE3" width=100px>
<div align="center">
<span class="STYLE10">上传时间</span>
</div>
</td>
</tr>
</table>
</td>
<tr>
<td colspan="6" align="right">
<span style="cursor:pointer;"><img width="45" height="15" title="" src="images/archiveManage_images/main_56.gif"></span>
<span style="margin-right:8px;cursor:pointer;"><img width="45" height="15" title="下一页" src="images/archiveManage_images/main_58.gif"></span>
</td>
</tr>
<tr height="2px"><td></td></tr>
</table>
<table>
<td>
<div align="center" id ="addPNG">
<img src="edit_add.png"
class="page_image" alt="还原" />还原
</div>
<div align="center" style="display: none;" id="deletePNG">
<img src="cancel.png"
class="page_image" alt="删除" />删除
</div>
</td>
</table>
</body>
</html>
<html>
<head>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#addPNG").click(
function()
{
$(this).hide();
$("#deletePNG").show();
}
);
$("#deletePNG").click(
function()
{
$(this).hide();
$("#addPNG").show();
}
);
$(window).unload( function () { alert("Bye now!"); } );
});
$(function(){
$("#uploadBtn").bind("click",function(){
$("#uploadTB").append("<tr class=\"add_2\" style=\"display: none;\"> <td class=\"STYLE3\" align=\"center\"><span class=\"fileNum\"></span></td> <td class=\"STYLE3\" align=\"center\"><input type=\"button\" value=\"删除\" name=\"delBtn\" οnclick=\"del(this)\"></td> <td class=\"STYLE3\" align=\"center\"><input type=\"file\" style=\"display: none;\" οnchange=\"putFileName(this)\" id=\"files\"/><span></span></td> <td class=\"STYLE3\" align=\"center\"><div></div></td><td class=\"STYLE3\" align=\"center\">#####</td><td class=\"STYLE3\" align=\"center\">#########</td></tr>");
var fileInput = $("tr[class='add_2']:last").find("input[type='file']");
fileInput.click();
});
});
function putFileName(obj){
var fileName = obj.value;
var byte = obj.files[0].size;
var fileSize = byte/1024/1024 + ' M';
var table_tr = $("tr[class='add_2']:last");
table_tr.find("span").text(fileName);
table_tr.removeAttr("style");
var tbl = document.getElementById('uploadTB');
var lastRow = tbl.rows.length;
$(obj).closest("tr").find("span.fileNum").text(lastRow-1);
table_tr.find("div").text(fileSize);
table_tr.removeAttr("style");
}
function del(obj){
$(obj).closest("tr").remove();
var tbl = $("#uploadTB");
var lastRow = tbl.rows.length;
$("#uploadTB tr").each(function (){
$(this).find("td:nth-child(0)").find("span.fileNum").text();
});
};
</script>
</head>
<body>
<table class="add_table">
<tr style="margin-bottom: 8px;">
<td>
<input type=button value="上传附件" id="uploadBtn"
class="btn-icon btn" style="width: 80px; height: 23px;">
</td>
</tr>
<tr>
<td>
<table id="uploadTB" width="99%" border="0" cellpadding="0" cellspacing="1" bgcolor="#a8c7ce" style="margin: 5px;">
<tr class="add_1">
<td class="STYLE6_NUM" width="5%">
<span></span>
</td>
<td class="STYLE3" width=20px >
<div align="center">
<span class="STYLE10">操作</span>
</div>
</td>
<td class="STYLE3" width=100px>
<div align="center">
<span class="STYLE10">文件名</span>
</div>
</td>
<td class="STYLE3" width=100px>
<div align="center">
<span class="STYLE10">文件大小</span>
</div>
</td>
<td class="STYLE3" width=100px>
<div align="center">
<span class="STYLE10">上传人</span>
</div>
</td>
<td class="STYLE3" width=100px>
<div align="center">
<span class="STYLE10">上传时间</span>
</div>
</td>
</tr>
</table>
</td>
<tr>
<td colspan="6" align="right">
<span style="cursor:pointer;"><img width="45" height="15" title="" src="images/archiveManage_images/main_56.gif"></span>
<span style="margin-right:8px;cursor:pointer;"><img width="45" height="15" title="下一页" src="images/archiveManage_images/main_58.gif"></span>
</td>
</tr>
<tr height="2px"><td></td></tr>
</table>
<table>
<td>
<div align="center" id ="addPNG">
<img src="edit_add.png"
class="page_image" alt="还原" />还原
</div>
<div align="center" style="display: none;" id="deletePNG">
<img src="cancel.png"
class="page_image" alt="删除" />删除
</div>
</td>
</table>
</body>
</html>