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

首先,html部分:

<div id="dialog">
  <div class="fullbg_content" style="text-align:center;">
    <span ><img src="images/exclamation.png" style="width: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="width:72px;" onclick="undescribes()"></input><span></span>
    <input type="button" value="<s:text name='common.cancel'/>" class="trueBtn" style="width: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();
}

posted on 2017-05-17 10:02  珞珊冉悠悠  阅读(641)  评论(0编辑  收藏  举报