zoukankan      html  css  js  c++  java
  • 删除操作之后的确定或取消弹出框?

    confirm弹出框有默认的样式,需要自己编写代码编辑函数

    首先,html部分:

    <div id="dialog">
      <div class="fullbg_content" style="text-align:center;">
        <span ><img src="images/exclamation.png" style="50px;"></span>
        <span style="font-size:16px;font-family:Helvetica, Roboto, sans-serif;"><s:text name="system.confirm.del"/></span>
      </div>
      <div class="bottom">
        <input type="button" value="<s:text name='common.confirm'/>" class="trueBtn" style="72px;" onclick="undescribes()"></input><span></span>
        <input type="button" value="<s:text name='common.cancel'/>" class="trueBtn" style="72px;margin-right: 12px;" onclick="closeBg();"></input>
      </div>
    </div>

    这里暂且将css写行内,可以看到当button操作click事件的时候执行的两个函数,所以在js里面可以找到:

    //确定要取消订阅

    function undescribes(){

      var data={pkId:$("#del_fav_id").val()};
      var url="apiCollect_deleteApiCollect.action";
      formSubmit(data,url,null);
    }

    function formSubmit(elementValue,action,target) {
      var turnForm = document.createElement("form");
      document.body.appendChild(turnForm);
      turnForm.method = 'post';
      turnForm.action = action;
      if(target!=null&&target!=undefined&&target!='')
        turnForm.target = target;
        for (var x in elementValue) {
        var newElement = document.createElement("input");
        newElement.setAttribute("type","hidden");
        newElement.name = x;
        newElement.value = elementValue[x];
        turnForm.appendChild(newElement);
    }
      turnForm.submit();
    }

    //取消操作

    function closeBg() {
    $("#fullbg,#dialog").hide();
    }

  • 相关阅读:
    前端网络安全——其他安全问题
    前端网络安全——密码安全
    前端网络安全——接入层注入
    前端网络安全——点击劫持
    mac重装系统后安装列表
    manjaro踩坑记录
    JavaScript学习过程中遇到的一些坑
    JavaScript学习
    [解决方法] 如何在没有屏幕的情况下训练一些需要显示的程序
    Python中*号的作用详解
  • 原文地址:https://www.cnblogs.com/zhanghuijing/p/6866088.html
Copyright © 2011-2022 走看看