使用弹框

<%@ 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. github上一款特别的侧滑

    知识分享: 首先看图,我只是大自然的搬运工,想实现这种特效的请点击连接下载github地址忘掉了,....http://download.csdn.net/detail/lj419855402/860 ...

  2. Javascript跨域问题总结

    疯狂的JSONP 关于JSON与JSONP简单总结 window.name实现的跨域数据传输 JavaScript跨域总结与解决办法 flash跨域策略文件crossdomain.xml配置详解

  3. [译]Canvas的基本用法

    在本文章中 <canvas> 元素 替换内容 </canvas> 标签不可省 渲染上下文(The rendering context如何翻译) 检查支持性 一个模板骨架 一个简 ...

  4. 一起写一个Android图片加载框架

    本文会从内部原理到具体实现来详细介绍如何开发一个简洁而实用的Android图片加载缓存框架,并在内存占用与加载图片所需时间这两个方面与主流图片加载框架之一Universal Image Loader做 ...

  5. iOS 后台运行 类型

    iOS后台运行,需要有特定的类型才可以进行.这些内容并不是一直不变的,苹果也在逐步的更新这些内容. 本文内容是2015年11月03日时苹果支持的后台运行类型. 这是官方连接地址 其中较为重要的是下面这 ...

  6. [BZOJ1089][SCOI2003]严格n元树(递推+高精度)

    题目:http://www.lydsy.com:808/JudgeOnline/problem.php?id=1089 分析: 第一感觉可以用一个通式求出来,但是考虑一下很麻烦,不好搞的.很容易发现最 ...

  7. [codevs 1051]接龙游戏（栈）

    题目:http://codevs.cn/problem/1051/ 分析: 当然单词查找树是可以的,但这题有更为简便的方法.可以先按字典序排序,然后弄一个栈,如果当前字串可以接到栈顶元素的后面,那么当 ...

  8. java.lang.IllegalStateException: getWriter() has already been called for this response问题解决

    java.lang.IllegalStateException: getWriter() has already been called for this response问题解决 java.lang ...

  9. 基本的mediaQuery写法,不复习又忘记了

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...

  10. SPOJ QTREE 树链剖分

    树链剖分的第一题,易懂,注意这里是边. #include<queue> #include<stack> #include<cmath> #include<cs ...