添加多个邮件附件页面。只有视图层。

最新推荐文章于 2024-07-12 16:27:40 发布

Fjy_0raC1E

最新推荐文章于 2024-07-12 16:27:40 发布

阅读量2k

点赞数

文章标签： javascript generator file function div html

本文链接：https://blog.csdn.net/Fjy_0raC1E/article/details/3888298

版权

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
#container {
padding:10px 10px 10px 10px;
width:320px;
background:black;
}
#content a {
margin-left:10px;
}
#container p {
margin-right:10px;
padding:5px;
background:#717171;
color:#ffffff;
font-size:12px;
}
#container span {
margin-bottom:4px;
}
#container1 {
width:320px;
padding:0 0 10px 0;
}
#container2 {
width:320px;
padding:10px 0 0 0;
border-top-style:solid;
border-top-width:1px;
border-top-color:#ffffff;
}
a {
font-family:Arial;
font-size:12px;
text-align:center;
text-decoration:none;
}
a:link,a:visited {
color:#a62020;
padding:2px 10px 2px 10px;
border-top:1px solid #eeeeee;
border-left:1px solid #eeeeee;
border-bottom:1px solid #717171;
border-right:1px solid #717171;
}
a:hover {
color:#821818;
border-top:1px solid #717171;
border-left:1px solid #717171;
border-bottom:1px solid #eeeeee;
border-right:1px solid #eeeeee;
}
</style>
<script type="text/javascript">
var i = 0;
function append(){
  i++;
  var oContent = document.createElement("div")
  oContent.setAttribute("id","content"+i);
  var oText = document.createTextNode("");
  oContent.appendChild(oText);
  oContent.innerHTML="<img src='images/1.jpg' /><input type='file' id='file'" + i + " name='file" + i + "'/><a href='#' title='t'" + i + " onClick='javascript:remove(" + i + ");'>删除</a>";//添加附件
  document.getElementById("content").appendChild(oContent);

}
function remove(nNum){
var oContent = document.getElementById("content"+nNum);
oContent.parentNode.removeChild(oContent);
}
</script>

</HEAD>

<BODY>
<div id="container">
<div id="container1">
    <p style="width:30px;font-color:#ffffff;margin:0;padding:0;">标题:</p><input type="text" id="text1" name="text1" value=""/>
    <div id="content">
    <!-oContent -!>
    </div>
    <span><a href="#" onClick="javascript:append();">再添加一个附件</a></span>
</div>
<div id="container2">
    <textarea rows="5" cols="43" value="" name="text2"></textarea>
    <p>这个只是页面，textarea可以改成编辑器。要是有控制层，可以把file隐藏。显示p,把url通过字符串获得fileName属性，显示在P中。这部分很简单，不做了。</p>
</div>
</div>
</BODY>
</HTML>

Fjy_0raC1E

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
添加多个邮件附件页面。只有视图层。

New Document #container { padding:10px 10px 10px 10px; width:320px; background:black; } #content a { margin-left:10px; } #container p { margin-right:10px; padding:5px; background:#
复制链接

扫一扫