精华内容
下载资源
问答
  • 弹出框只弹一次,看到网上也就写的很多,可以直接使用的没有几个,下面与大家分享个修改之后的代码,需要的朋友可以参考下
  • 自定义弹出框样式 alert修改 根据需要修改弹出框样式
  • iphone--UIWebView中js弹出框修改-

    千次阅读 2012-08-17 11:30:00
    我们在使用UIWebView中使用调用javascript代码:  alert("ok!"); 出来以后的对话框的标题是该页面的网址,按钮的标题也是英文的,非常不美观,可以使用以下方法解决; 在.m或.n文件中加入 @...
    我们在使用UIWebView中使用调用j
    avascript代码:
    

    <script type="text/javascript">
        alert("ok!");
    </script>

    弹出来以后的对话框的标题是该页面的网址,按钮的标题也是英文的,非常不美观,可以使用以下方法解决;

    在.m或.n文件中加入

    @interface UIWebView (JavaScriptAlert) 
    
    - (void)webView:(UIWebView *)sender runJavaScriptAlertPanelWithMessage:(NSString *)message initiatedByFrame:(WebFrame *)frame;
    
    @end
    
    @implementation UIWebView (JavaScriptAlert)
    
    - (void)webView:(UIWebView *)sender runJavaScriptAlertPanelWithMessage:(NSString *)message initiatedByFrame:(WebFrame *)frame {
        
        NSLog(@"javascript alert : %@",message);
        
        UIAlertView* customAlert = [[UIAlertView alloc] initWithTitle:@"温馨提示" message:message delegate:nil cancelButtonTitle:@"确定" otherButtonTitles:nil];
        
        [customAlert show];
        
        [customAlert autorelease];
        
    }
    
    @end

    runJavaScriptAlertPanelWithMessage是WebUIDelegate的成员函数,详情可以查阅WebUIDelegate的帮助文档

    这样做使用私有方法,不知会不会影响审核呢??

    展开全文
  • js弹出框-弹出层-拖拽-兼容 以前自己用的一个小插件。 纯js写的。 以前网上资料下的。 经过修改之后,兼容以及效果比较好用。 简单而精炼。 不需要jquery。
  • 今天修改完成了项目中一个密码重置的模块,刚开始开发为了简便 只是为了省事弹出一个DIV在显示用户内容信息的下边,后来发现随着账户的增多就DIV就会显示到底部,操作起来很不方便于是就进行修改成了这样一来操作...

    今天修改完成了项目中一个密码重置的模块,刚开始开发为了简便 只是为了省事弹出一个DIV在显示用户内容信息的下边,

    后来发现随着账户的增多就DIV就会显示到底部,操作起来很不方便于是就进行修改成了0818b9ca8b590ca3270a3433284dd417.png

    这样一来操作起来也方便的多。

    刚开始在网上进行JS代码查找找到了很多具有相同功能的,但是添加到项目中的效果都不太理想,特别是对于浏览器兼容性的

    这个问题,IE上和火狐上总会有点差距,后来经过一定的修改找了下面的代码,比较简单实用

    以下是完整代码:

    弹出提示_IT知道网提供()

    * {margin:0;padding:0;font-size:12px;}

    html,body {height:100%;width:100%;}

    #content {background:#f8f8f8;padding:30px;height:100%;}

    #content a {font-size:30px;color:#369;font-weight:700;}

    #alert {border:1px solid #369;width:300px;height:150px;background:#e2ecf5;z-index:1000;position:absolute;display:none;}

    #alert h4 {height:20px;background:#369;color:#fff;padding:5px 0 0 5px;}

    #alert h4 span {float:left;}

    #alert h4 span#close {margin-left:210px;font-weight:500;cursor:pointer;}

    #alert p {padding:12px 0 0 30px;}

    #alert p input {width:120px;margin-left:20px;}

    #alert p input.myinp {border:1px solid #ccc;height:16px;}

    #alert p input.sub {width:60px;margin-left:30px;}

    注册 点击“注册”按钮弹窗演示——IT知道网演示代码

    现在注册关闭

    用户名

    onfoucs="this.style.border='1px solid #f60'" οnblur="this.style.border='1px solid #ccc'" />

    密 码

    onfoucs="this.style.border='1px solid #f60'" οnblur="this.style.border='1px solid #ccc'" />

    var myAlert = document.getElementById("alert");

    var reg = document.getElementById("content").getElementsByTagName("a")[0];

    var mClose = document.getElementById("close");

    reg.onclick = function()

    {

    myAlert.style.display = "block";

    myAlert.style.position = "absolute";

    myAlert.style.top = "50%";

    myAlert.style.left = "50%";

    myAlert.style.marginTop = "-75px";

    myAlert.style.marginLeft = "-150px";

    mybg = document.createElement("div");

    mybg.setAttribute("id","mybg");

    mybg.style.background = "#000";

    mybg.style.width = "100%";

    mybg.style.height = "100%";

    mybg.style.position = "absolute";

    mybg.style.top = "0";

    mybg.style.left = "0";

    mybg.style.zIndex = "500";

    mybg.style.opacity = "0.3";

    mybg.style.filter = "Alpha(opacity=30)";

    document.body.appendChild(mybg);

    document.body.style.overflow = "hidden";

    }

    mClose.onclick = function()

    {

    myAlert.style.display = "none";

    mybg.style.display = "none";

    }

    展开全文
  • EasyUI+JavaScript 添加和修改弹出框按钮

    万次阅读 多人点赞 2015-01-06 17:21:37
    写这篇文章只是想吐槽一下在做三个弹出框按钮的心酸史,为什么只写两个呢?因为之前看到过别人写了一...添加和修改弹出框:  首先要加载我们做好的添加和编辑弹出框。 @* 加载添加流程对话框 *@ @{Html.RenderParti

                写这篇文章只是想吐槽一下在做三个弹出框按钮的心酸史,为什么只写两个呢?因为之前看到过别人写了一个删除的,所以我只写剩下的两个吧!现在做的系统总是涉及到增删改的总会上面三个好看的按钮,下面一个好看的DataGrid。

           

    添加和修改弹出框:

           首先要加载我们做好的添加和编辑弹出框。

    <span style="font-size:14px;"><div id="addTemplate">
        @* 加载添加流程对话框 *@
        @{Html.RenderPartial("../../Views/FlowConfig/AddFlowPartial");}
    </div>
    
    <div id="editTemplate">
        @* 加载修改流程对话框 *@
        @{Html.RenderPartial("../../Views/FlowConfig/EditFlowPartial");}
    </div></span>

    JS文件:

          在点击添加或者修改按钮的时候把自己的弹出框显示出来。例添加:

    <span style="font-size:14px;">//点击添加按钮,触发事件
        $("#add").click(function () {
            $('#diaAdd').dialog('open').dialog({
                title: "添加流程",
                width: 400,
                height: 300,
                iconCls: 'icon-add',                 //弹出框图标
                modal: true,
            });  
        });</span>

    修改不同的是要同时显示选中的那一行数据:

    <span style="font-size:14px;">//点击修改按钮,触发事件
        $("#edit").click(function () {
            var row = $('#dg').datagrid('getSelected');
            if (row) {
                $('#diaEdit').dialog('open').dialog({
                    title: "编辑流程",
                    width: 350,
                    height: 250,
                    modal: true
                });
                $("#txtID").val(row.FlowID);
                $("#txtName").val(row.Name);   
                $("#txtSort").val(row.Sort);
                $("#txtState").val(row.IsUse);
                $("#txtUrl").val(row.Url);
            } else {
                $.messager.alert("提示", "请选中要编辑的行!");
            }
        })</span>
    显示后的结果:

             
             接下来同样是写在js脚本中的,弹出框的确定按钮事件。即将添加或修改的数据传给Controller,然后传给后台更新到数据库。

    <span style="font-size:14px;"><span style="font-size:14px;">function AddFlow() {
        alert($("#txtFlowName").val());
        $.ajax({
            type: "POST",
            url: "/FlowConfig/AddFlowReload",
            data: "txtFlowName=" + $("#txtFlowName").val() + "&txtFlowSort=" + $("#txtFlowSort").val() + "&txtFlowState=" + $("#txtFlowState").val(),
            success: function () {          
                $("#dg").datagrid("reload");
                $.messager.alert("提示!", "信息添加成功!");
            }
        })
        $('#diaAdd').dialog('close');
    }
    
    </span></span>
    <span style="font-size:14px;"><span style="font-size:14px;">//修改流程确定按钮
    function ModifyFlow() {
        //alert('123');
        $.ajax({
            type: "POST",
            url: "/FlowConfig/ModifyFlowReload",
            data: "FlowID=" + $("#txtID").val() + "&txtUrl=" + $("#txtUrl").val() + "&txtName=" + $("#txtName").val() + "&txtSort=" + $("#txtSort").val() + "&txtState=" + $("#txtState").val(),
            success: function (data) {
                $.messager.alert("提示", "编辑信息成功!");
                $("#dg").datagrid("reload");
            }
        })
        $('#diaEdit').dialog('close');
    }</span></span>

                      

            这样就可以添加和修改DataGrid中的数据了。

            

    吐槽一下:   

             最开始实现的是添加弹出框,觉得没有什么,后来做删除,发生了很多问题,找做出来的人帮忙结果不知道是什么问题,于是我任务删除是最难的。后来在自己的努力下,终于实现了,接着做修改,但是修改依然是有问题,怎么也不显示选中的那条数据,于是我又认为修改是最难的。后来三个按钮的代码都写好的时候,它们集体罢工了,于是我就光荣的和三个按钮奋斗了一个晚上,终于实现了,于是我认为它们都不难。难的是自己怎么静下心来不烦躁的去一个个解决它们。


    总结:

             纵观整个解决问题的过程中,总是在说“没问题啊!”“为什么呢?”,其实有时候确实代码没有问题,也许连累它的不是这部分,可能一些引用或者其他相关的会有所影响。我通常有个毛病,很长时间也调不出来的时候会非常的烦躁,脾气也大。所以总结了个经验,每当这个时候就应该停下来做点别的,或者去帮助一下别人,也许回来的时候心情好了就出来了。往往解决问题总是在一念之间。当你在调试的时候不知道哪里的问题,而且还不报错的时候才是最抓狂的时候,这个时候要是出来一个错误也是件让人兴奋的事儿。


             偶然听到师姐的一句话:知道为什么的问题都不是问题,所以继续调试吧!


    展开全文
  • JS弹出框效果BOOTBOX.JS

    千次阅读 2017-08-21 14:09:44
    JS弹出框效果BOOTBOX.JS 在使用后台模板Ace admin时,我发现一个比较不错的提示框效果。接口很清晰,可以自定义。——Bootbox.js bootbox的用法非常简单。 制作提示框效果,我们需要的效果,也就是...

    JS弹出框效果BOOTBOX.JS

    在使用后台模板Ace admin时,我发现一个比较不错的提示框效果。接口很清晰,可以自定义。——Bootbox.js

    bootbox的用法非常简单。

    制作提示框效果,我们需要的效果,也就是alert警告,info提示,confirm确认,还有一个就是自定义了dialog。

    bootbox.alert(message, callback)

    bootbox.prompt(message, callback)

    bootbox.confirm(message, callback) //返回值为布尔类型,true或false

    稍微复杂一点的就是dialog

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    bootbox.dialog({
         title : "修改密码" ,
         message : "<div class='well ' style='margin-top:25px;'><form class='form-horizontal' role='form'><div class='form-group'><label class='col-sm-3 control-label no-padding-right' for='txtOldPwd'>旧密码</label><div class='col-sm-9'><input type='text' id='txtOldPwd' placeholder='请输入旧密码' class='col-xs-10 col-sm-5' /></div></div><div class='space-4'></div><div class='form-group'><label class='col-sm-3 control-label no-padding-right' for='txtNewPwd1'>新密码</label><div class='col-sm-9'><input type='text' id='txtNewPwd1' placeholder='请输入新密码' class='col-xs-10 col-sm-5' /></div></div><div class='space-4'></div><div class='form-group'><label class='col-sm-3 control-label no-padding-right' for='txtNewPwd2'>确认新密码</label><div class='col-sm-9'><input type='text' id='txtNewPwd2' placeholder='再次输入新密码' class='col-xs-10 col-sm-5' /></div></div></form></div>" ,
         buttons : {
             "success" : {
                 "label" : "<i class='icon-ok'></i> 保存" ,
                 "className" : "btn-sm btn-success" ,
                 "callback" : function () {
                     var txt1 = $( "#txtOldPwd" ).val();
                     var txt2 = $( "#txtNewPwd1" ).val();
                     var txt3 = $( "#txtNewPwd2" ).val();
     
                     if (txt1 == "" || txt2 == "" || txt3 == "" ){
                         bootbox.alert( "密码不能为空" );
                         return false;
                     }
                     if (txt2 != txt3 ){
                         bootbox.alert( "两次输入新密码不一致,请重新输入!" );
                         return false;
                     }
                     var info = { "opt" : "changepassword" , "oldpwd" :txt1, "newpwd1" :txt2, "newpwd2" :txt3};
                     //$.post("../CommonServlet",info,function(data){
                         bootbox.alert( "密码更新成功" );
                     //},'json');
                 }
             },
             "cancel" : {
                 "label" : "<i class='icon-info'></i> 取消" ,
                 "className" : "btn-sm btn-danger" ,
                 "callback" : function () { }
             }
         }
    });

     

    还有一点就是,默认是英文的,需要更改为中文。

    打开bootbox.js文件,查找locale,在locale会发现有en,把en改成zh-CN就可以了。

    展开全文
  • element Popover 弹出框样式修改

    千次阅读 2020-12-07 09:56:16
    有两种方案: 一是增加弹出框的宽度;二是将内容省略显示; 很显然第一种方式实现尺度不好掌握,增加到多宽算合适呢? 故选择第二种方案:在弹出框上加个内容省略显示的样式限制。 element官网上: <el-popover ...
  • js自定义弹出框样式

    2018-01-22 09:26:04
    alert和comfirm,里面有源码,代码复用性很高,如果你不满意我的,也可以适当的修改我的,想用的话,直接下载即可
  • js弹出div修改密码

    2013-01-22 22:51:39
    js弹出div修改密码
  • ajax修改弹出框数据

    2020-05-23 11:49:15
    之前遇到一个问题,耗费了很长时间,觉得可以...主要包括两个点,一个是ajax访问规格接口,返回数据之后,拼接成字符串,放到弹出框内,一个是鼠标的失去焦点事件处理 html代码 <td><a href="javascript:v
  • js中的弹出框

    2020-09-25 20:40:44
    js中的弹出框: 1.alert()警告弹出框: 警告框的样式是写死的,不能修改。警告框是一种模态,会阻碍用户的操作. <script> alert("警告!"); </script> 2.prompt()输入弹出框: 弹出输入框,需要使用...
  • document.getElementById(id).style.property = 新样式
  • 最近在用bootbox.js,发现弹出框没法自定义宽度,于是就看了源码,并改了源码 下面是修改之后的部分代码: p.dialog = function (a) { a = h(a); var d = b(n.dialog), f = d.find(".modal-dialog"), ...
  • js 弹出框只弹一次

    千次阅读 2013-11-26 09:46:49
    弹出框只弹一次,看到网上也就写的很多,但真正能拿过来用的没有几个。以下是我修改之后的代码,供参考。  var returnvalue = "";  function openpopup(){    $.colorbox({inline:true, href:'#getGiftForm',...
  • JS 弹出框(支持IFRAME)

    千次阅读 2010-12-06 22:58:00
    JS弹出框,支持IFRAME
  • 由于操作系统原因javascrpt弹出框标题不一样,可以修改/watir/WindowHelper.rb中 @@ie_window_name = "Microsoft Internet Explorer" 名字与弹出标题一致或可处理, 在win2003系统中实现成功过
  • arcgis api for js 自定义弹出信息提示,可以根据自己需要直接修改css样式即可。
  • js swal()弹出框

    千次阅读 2019-06-29 10:31:00
    做前端开发的时候时常会遇到修改成功、新增成功这类弹出框,用alert的话未免有点太low了,而swal()是一个简单又实用的弹出框方法 alert 弹出框样式如下: swal() 弹出框样式如下: 代码如下: swal...
  • 有时候在弹出窗口在运行中会改变大小,不过用layer/layui组件生成的弹出窗口尺寸只能在创建时用area参数指定,一旦建立之后就没有接口来修改了。要让layer弹出窗适应新的尺寸(即不留白也不出现滚动条)。只能手动...
  • 简单方法:你使用JS弹出一张网页,用JS设置这张网页的大小,弄成小。网页上弄个表单,提交一下不就可以了吗? function OpenWindow(){  window.open("Sample.htm",null, "height=200,width=400,status=yes...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 73,392
精华内容 29,356
关键字:

js弹出框修改信息