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();
        }   
    }

js实现点击div外部隐藏弹出框

body{ background-color:#999999; } #myDiv{ background-color:#FFFFFF; width:250px; height:250px; ...
  • zh_rey
  • zh_rey
  • 2017年11月10日 09:40
  • 257

div弹出登录窗口

//弹出式登录     function ShowNo()                        //隐藏两个层     {         document.getElementBy...
  • zhudiwoaini
  • zhudiwoaini
  • 2011年11月22日 13:24
  • 4485

javascript如何弹出一个div登录框

javascript如何弹出一个div登录框
  • Huang6899587
  • Huang6899587
  • 2018年01月02日 21:47
  • 214

js-div遮罩层、div弹出层居中(遮罩层居中显示)

js-div遮罩层、div弹出层居中 转载自:http://www.blogjava.net/jimingminlovefly/articles/366989.html 思路:打开时,显示遮罩层S...
  • simaweier
  • simaweier
  • 2014年11月12日 17:10
  • 9052

div弹出框/弹出层简单实现办法

弹出框实现办法非常多,但是有不少实现办法比较复杂,不容易实现,
  • zurich1979
  • zurich1979
  • 2014年06月30日 12:13
  • 13092

纯div+css样式弹出泡泡消息框

也许很多框架都自带了这样的弹出泡泡框,但我没接触过,现在需要用,于是便自己封装了一个,虽然还不完美,但已经可以用了。这个小控件可以重定义样式,通过传递配置参数,或修改默认配置参数都可以进行样式调整。不...
  • foren_whb
  • foren_whb
  • 2015年05月16日 15:22
  • 4660

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
  • 241

jsp页面的div层的弹出效果

new page        function crertdiv(_parent,_element,_id,_css){//创建层                    var newObj ...
  • qinyexin
  • qinyexin
  • 2014年11月20日 16:19
  • 2124

javascript+div弹出框(拼接页面)

要实现这样一种功能,当我点击图片,弹出所对应区域所获取的数据,大家看下图,是我们显示的结果:          首先实现功能的时候,要获取点击图片所对应的信息,传到后台进行...
  • hanxintong9
  • hanxintong9
  • 2016年01月15日 18:37
  • 1168

javaScript弹div框

/*该死的需求,js弹出div框*/  function MessageBox() { this.titleheight = "15"; // 提示窗口标题高度 this.bor...
  • javaxiaochouyu
  • javaxiaochouyu
  • 2012年04月06日 15:20
  • 931
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Div弹框
举报原因:
原因补充:

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