使用弹框

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">

    <title>My JSP 'systemConfig-list.jsp' starting page</title>
    <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.8.3.min.js"></script>
       <script type="text/javascript" src="${pageContext.request.contextPath }/js/ymPrompt.js"></script>
    <link rel="stylesheet" id='skin' type="text/css" href="${pageContext.request.contextPath }/alertframe/skin/simple_gray/ymPrompt.css" />
    <style type="text/css">
        #table{
            width:960px;
            margin-left:auto;
            margin-right:auto;
        }
        #table:first-child{
           border-collapse: collapse;
           border:1px solid #c4c4c4;
           width: 960px;
           cellspacing:"0";
           cellpadding:"0";
           line-height: 28px;
           height: 28px;
           text-align: center;
        }
        #table  tr:first-child{
           background-color:#efefef;
         }
        td{
           border:1px solid #c4c4c4;
           font-size: 12px;
        }
        .message {
             font:18px;
              text-align:center;
             padding:25px;
        }
    </style>
    <script type="text/javascript">
         function deleteSystemconfig(){
             ymPrompt.win({
                    width:240,
                    height:145,
                    icoCls: '',
                    message:'<div class="message">您确定要删除【'+$("#tdvalue").val()+'】配置吗？</div>',
                    titleBar:false,
                    winPos:'c',
                       btn:[['OK'],['Cancel']],
                       handler:getButtons
                });

             function getButtons(btn){
                 //拿到按钮的值
                    //删除行
                    var path = $("#path").val();
                    var id = $("#id").val();
                 window.location.href = path+"/deleteSystemconfig.action?id="+id;
             }
         }
    </script>

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->

  </head>

  <body>
    <div>
    <input type="button" value="demo" onclick="Open()" />

          <form>
          <!-- <input type="button" value="添加账户类型"> -->
            <table id="table">
                <tr>
                    <th width="120px">序号</th>
                    <th width="310px">配置类型</th>
                    <th width="225px">是否启用</th>
                    <th width="294px">操作</th>
                </tr>
                   <s:iterator value="systemconfigs" status="status">
                    <tr>
                        <td><s:property value="id"/></td>
                        <td><s:property value="configTypeName"/></td>
                        <td>
                            <s:if test="isStart == 1">启用</s:if>
                            <s:else>不启用</s:else>
                        </td>
                        <td>
                            <a href="#">修改</a> |
                            <a href="javascript:void(0);" onclick="deleteSystemconfig();">删除</a>
                            <input type="hidden" id="tdvalue" value="<s:property value='configTypeName'/>">
                            <input type="hidden" id="id" value="<s:property value='id'/>">
                            <input type="hidden" id="path" value="${pageContext.request.contextPath }"/>
                        </td>
                    </tr>
                </s:iterator>
            </table>
        </form>
    </div>
  </body>
</html>

使用ymPrompt弹框的更多相关文章

  1. 参考bootstrap中的popover.js的css画消息弹框

    前段时间小颖的大学同学给小颖发了一张截图,图片类似下面这张图: 小颖当时大概的给她说了下,其实小颖也不知道上面那个三角形怎么画嘻嘻,给她说了DOM结构,具体的css让她自己百度,今天小颖自己参考boo ...

  2. 安卓客户端a标签长按弹框提示解决办法

    昨天工作时候发现一个bug,是关于a标签的,在安卓客户端中,如果是a标签的话,长按会出现一个弹框,如图所示 是因为安卓客户端的长按触发机制,以后进行wap端开发的时候,如果用到跳转页面尽量不要用a标签 ...

  3. Jquary入门（添加 修改 表单元素）+ JSON+弹框

    字符串拼接 计算机语言 都是 对  数据的处理(获取/修改数据)  添加元素  除了  固定的方法添加 以外 都是   字符串拼接(拼接成固定格式即可执行). 1.表单添加元素  append() 方 ...

  4. ios UIWebView自定义Alert风格的弹框

    之前开发过一个App,因为公司之前写好了网页版的内容和安卓版本的App,我进去后老板要求我ios直接用网页的内容,而不需要自己再搭建框架.我一听,偷笑了,这不就是一个UIWebView吗?简单! 但是 ...

  5. weui 弹框中的单选效果

    <!--性别修改弹框--> <div class="weui_dialog_alert" id="doctorSexDialog" style ...

  6. showPrompt弹框提示

    工作中会有很多的弹框,用来添加模板,用来信息提示,,我现在用的模板有dialog(用来添加数据模板内容),还有一个就是自写的showPrompt用来判断错误或者正确的信息~~ 样子大概就是这样的,, ...

  7. 弹框控件 UIAlertView UIActionSheet

    // 创建弹框 从底部弹出,一般用于危险操作 UIActionSheet *sheet = [[UIActionSheet alloc] initWithTitle:@"恭喜通关" ...

  8. javascript中的弹框

    大家都见过某度中的恶意广告,你关闭了又出来了!为何,JS来告诉你 效果猛戳此处 HTML <body> <h3 class="whiteColor">无法关 ...

  9. selenium对Alert弹框的多种处理

    Alert弹框是一个很烦人的控件,因为当前页面如果弹出了该弹框,你必须要处理它,不然你就不能操作页面的其它元素,下面我列出了alert弹框在多种场景下的处理办法. 明确知道系统哪个地方会弹alert ...

随机推荐

  1. WCF与ASMX Web服务差异比较[译]

    First of all, it needs to understand that WCF Service provides all the capabilities of .NET web serv ...

  2. 北京联想招聘-Android Framework高级工程师（7-10年） 加入qq 群：220486180 或者直接在此 留言咨询

    Job ID #: 45038 Position Title: Android Framework高级工程师 Location: CHN-Beijing Functional Area: Resear ...

  3. [CareerCup] 8.4 Parking Lot 停车场问题

    8.4 Design a parking lot using object-oriented principles. LintCode上的原题,请参见我的另一篇博客Parking Lot 停车场问题. ...

  4. 恢复windows 的快捷方式打开方法，亲测1-7恢复，

    相信有些用户曾试过错误地把LNK文件的打开方式更改其他文件,导致系统所有的快捷方式都失效.在vista与Windows7系统还不普遍使用的时候,相信大家会有点惊慌失措,不要紧,下面只要大家进行如下操作 ...

  5. [转]MySQL Explain详解

    在日常工作中,我们会有时会开慢查询去记录一些执行时间比较久的SQL语句,找出这些SQL语句并不意味着完事了,些时我们常常用到explain这个命令来查看一个这些SQL语句的执行计划,查看该SQL语句有 ...

  6. storm如何分配任务和负载均衡？

    背景 在上篇:storm的基础框架分析 基本探讨了storm的: worker.executor等组件的关系. 线程模型和消息系统. 任务分配流程. topology提交到执行的过程. 但,感觉对ni ...

  7. 在Ubuntu-14.04.3配置并成功编译Android6_r1源码

    折腾了一周,终于把Android6_r1的源码编译成功.先上图,这是在ubuntu中运行的Android模拟器: 由于我是在win8中安装虚拟机VMware,然后在虚拟机中安装Ubuntu进行编译,所 ...

  8. Cordova4.0 系列 -- 常用命令(2)

    一. 创建一个cordova工程 create <directory> [<id> [<name>]] 二. 列出该工程支持哪些平台 platform [ls | ...

  9. Spring 事务配置管理，简单易懂，详细 [声明式]

    Spring 事务配置说明 Spring 如果没有特殊说明,一般指是跟数据存储有关的数据操作事务操作:对于数据持久操作的事务配置,一般有三个对象,数据源,事务管理器,以及事务代理机制: Spring ...

  10. 【CodeForces 567F】Mausoleum

    寒假最后一题补完啦 ^∀^ 题意 1到n每个数字有两个,排成先不降后不升的序列,比如112332,并且满足k个形如 3 <= 6 代表第三个数字要≤第六个数字这样的约束要求,求有多少种排法. 分 ...