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

  • 相关阅读:
    spring IOC
    spring IOC
    自定义UDF,UDTF函数
    vue异步 同步 等待方法执行完毕
    周总结(六)
    周总结(五)
    Downie Mac 网络视频下载工具 v3.9.1
    Sequel pro mysql 图形化工具下载
    让Mac系统读写NTFS Paragon
    framework-plugin 轻量级安卓组件化架构插件
  • 原文地址:https://www.cnblogs.com/zhanghuijing/p/6866088.html
Copyright © 2011-2022 走看看