Div弹框

原创 2016年08月31日 15:33:08

在编写页面的时候,我们有时只是需要一个弹出框而不许要重新写一个页面的时候可以利用div弹框轻松应对。

这里写图片描述
jsp 代码:

这里写图片描述

      <button value="显示弹出框"   onclick="showPDC1()" />

      <div class="hidden" >
        <div id="dlgDivPDC1" class="col-12" style="height: 450px;">
            <div class="row">
                <div class="col-3" align="left"><label>投诉人信息</label>   </div>
                <div class="col-9" align="right">
                    <button value="关  闭"   onclick="closePDC1 ()" />
                </div>
                <div><tr><td>&nbsp;</td></tr></div>  
            </div>
            <div class="row">
                <textarea id="apf094" name="apf094"
                 rows="16" colspan="11" value="${apf094 } " disabled="true" />
            </div>
        </div>
    </div>

显示和隐藏弹出框 js 代码:

    //  打开弹出对话框1
    var dlgType1 = 1;
    var dlg1 = null;
    function showPDC1(){
        if(dlg1){
            dlg1.show();
        } else {
            dlg1 = popupDiv("#dlgDivPDC1", '投诉人信息', 750);
        }
        dlgType1 = 1;
    }

    // 关闭弹窗对话框1
    function closePDC1 () {
        if(dlg1){
            dlg1.hide();
        }   
    }

相关文章推荐

漂亮的div弹框

  • 2013年10月31日 15:51
  • 32KB
  • 下载

js弹框及div布局的一个小综合

  • 2014年04月14日 11:03
  • 1.16MB
  • 下载

js实现div弹框和关闭

JS弹出可拖拽可关闭的div层 html,body{height:100%;overflow:hidden;} body,div,h2{margin:0;padding:0;} body{font:...
  • veiveid
  • veiveid
  • 2015年02月13日 14:21
  • 207

bootstrap九宫格布局,点击其中一个DIV,弹框显示其内容

bootstrap 业务员 出单量 总保费 ...
  • ankora
  • ankora
  • 2017年10月20日 14:55
  • 205

jQuery-DIV弹层类

  • 2011年12月20日 23:33
  • 23KB
  • 下载

【topcoder第二弹】SRM 526 Div.1 DucksAlignment

Problem Statement      Mr. Dengklek has a rectangular farm conveniently divided into a grid of uni...

DIV模拟弹出框

  • 2014年10月21日 12:40
  • 5KB
  • 下载

css画尖框div

  • 2013年02月04日 10:10
  • 617KB
  • 下载

JQuery 增加、删除表格div层文本内容的JS代码 和仿select个性下拉框选择效果JS代码

早上重构一个机票预定页面,页面有个增加和删除乘机人的功能,所以就用JQuery 的 .remove() 属性和.append() 属性写了一个有增加、删除div层文本内容效果的JS代码,具体可运行下面...

ie6下DIV覆盖select框js解决代码

  • 2011年01月04日 14:49
  • 17KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Div弹框
举报原因:
原因补充:

(最多只允许输入30个字)