使用弹框

<%@ 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. 基于jquery实现拆分姓名的方法

    jquery拆分姓名处理程序如下,纯js实现的,感兴趣的朋友可以参考下哈,希望对你有所帮助 之前已经分享过一个在dom中用户输入姓名后自动用js拆分成姓与名到表单中的jquery插件,由于项目的需要, ...

  2. 减少图片HTTP 请求的方案

    <Higb Performance Web Sites>(中文名:“高性能网站建设指南”)这本书对于前端工程师来说,绝对值得一读.本人有幸从公司借阅了,但不幸的是感觉翻译有点怪怪的.尤其是 ...

  3. ReactNative之style使用指南

    ReactNative中能使用的css样式有哪些呢Valid style props: [   "alignItems",   "alignSelf",   & ...

  4. 做leetcode的几点体会分享（转）

    1 大部分题目你都是可以自己做出来的.所以,第一遍尽量不要网上找答案: 2 写了的不管通过的,不通过的答案要保存下来.不通过的,也要记录下来哪儿没有通过.很有可能你这次错了,不知道怎么搞过了,下次还是 ...

  5. coreData,sqlite3,fmdb对比

    core data   core data 基于model-view-controller(mvc)模式下,为创建分解的cocoa应用程序提供了一个灵活和强大的数据模型框架.   core data可 ...

  6. win8安装mean.io详解

    最近,老大说要安装mean.io,然后……我的win8华丽丽的就上战场了……这期间真是安装得要生要死……最终也终于“不辱使命”成功安装上了…… 废话不多说,进入正题啦 前提当然是电脑有node.环境… ...

  7. Bootstrap系列 -- 16. 文本域textarea

    文本域和原始使用方法一样,设置rows可定义其高度,设置cols可以设置其宽度.但如果textarea元素中添加了类名“form-control”类名,则无需设置cols属性.因为Bootstrap框 ...

  8. Mac 下安装tomcat

    一. 下载tomcat 首先要到tomcat官网去下载安装包,官网下载地址如下:http://tomcat.apache.org/download-70.cgi , 注意请下载飞windows版本.和 ...

  9. Moqui学习Day3

    添加一个新建表单 添加一个按钮来弹出新建表单,并创建一个转换来处理输入数据操作. 在FindTutorial.xml文件中添加一个转换. <!--新增 列表 --> <transit ...

  10. Daily Scrum – 1/5

    Meeting Minutes 开始了新的sprint: 开始准备英语版本的翻译: Progress part 组员 今日工作 Time (h) 明日计划 Time (h)   Wei         ...