文章标题

2017.8.17日志

今天做了快捷栏的添加功能，在HTML中提交表单到asp.net的网页文件中，再导入数据库，再在Html界面调用数据库输出新增的快捷操作，由于快捷功能未完成，数据库也没建立，所以没有展示效果

HTML与JS

• 我在主页面的新增快捷链接按钮中加入了js函数，可以打开一个div类似弹窗，输入两行数据，分别是标题和链接

<style>
.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.white_content {
display: none;
position: absolute;
top: 10%;
left: 10%;
width: 25%;
height: 25%;
border: 16px solid lightblue;
background-color: white;
z-index:1002;
overflow: auto;
}
</style>
<script type="text/javascript">
    //弹出隐藏层
    function ShowDiv(show_div, bg_div) {
        document.getElementById(show_div).style.display = 'block';
        document.getElementById(bg_div).style.display = 'block';
        var bgdiv = document.getElementById(bg_div);
        bgdiv.style.width = document.body.scrollWidth;
        // bgdiv.style.height = $(document).height();
        $("#" + bg_div).height($(document).height());
    };
    //关闭弹出层
    function CloseDiv(show_div, bg_div) {
        document.getElementById(show_div).style.display = 'none';
        document.getElementById(bg_div).style.display = 'none';
    };
</script>

<input type="button" value="新增" onclick="ShowDiv('MyDiv','fade')">
<div id="fade" class="black_overlay">
</div>
<form action="HotKey.aspx" method="get" target="id_iframe">
<div id="MyDiv" class="white_content">
<div style="text-align: right; cursor: default; height: 40px;" id="move">
<span style="font-size: 16px;" onclick="CloseDiv('MyDiv','fade')">
<input type="button" value="关闭" />
</span><br />
<br />
<div style="text-align:center">
快捷标题：<input type="text" name="addTitle" id="addTitle" /><br />
<br />
快捷链接：<input type="text" name="addUrl" id="addUrl"/><br />
<br />
<input type="submit" name="submit"  onclick="CloseDiv('MyDiv','fade')" />
</div>
</div>
</form>
</div>
<iframe id="id_iframe"name="id_iframe"style="display:none"></iframe>

• 把form中添加target属性，设定为iframe的id，并将iframe设置为不可见，为的是，提交表单之后，页面不发生跳转，因为跳过去的界面没有需要展示的东西。

asp.net

• 该类中接受表单并解析传输入数据库并且刷新主页面

string addTitle = Request.QueryString["addTitle"];
string addUrl = Request.QueryString["addUrl"]; 

• 因为没有数据库以及快捷功能未完善，所以未做完，等待补充。。。。。。。。。。。