zoukankan      html  css  js  c++  java
  • artdialog_ (dialog4) 显示页面样式的用法

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
        
     <%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>   
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <script type="text/javascript" src="<%= request.getContextPath() %>/resources/js/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="<%= request.getContextPath() %>/static/dialog4/artDialog.js?skin=green"></script>
    <script type="text/javascript" language="javascript" src="<%= request.getContextPath() %>/static/dialog4/plugins/iframeTools.js"></script>    
        <style type="text/css">
            .clear{clear:both;}
            .datatable{100%;border-collapse:collapse;}
            .datatable tr{height:35px;}
            .datatable tr td{border:1px solid #ddd;padding:5px 8px;}

            .dialog{display:none;400px;height:350px;border:1px solid #aaccff;position:absolute;top:100px;left:380px;background-color:#fff;}
            .dialog .dialog-title{line-height:30px;padding:0px 5px;}
            .dialog .dialog-title h3{float:left;font-size:25px;font-weight:lighter;}
            .dialog .dialog-title a{float:right;}
            .dialog .dialog-content{border-top:1px solid #ddd;padding:3px 5px;}
        </style>
        <script type="text/javascript">
            function refreshData(){
                window.location=window.location;
            }
            function addCategory(){
                
                art.dialog.open('<%=request.getContextPath()%>/category/add.html', {
                     '550px',
                    height: '300px',
                    title:'新增分类信息',
                    lock:true,
                    opacity: 0.3,
                    ok:function(iframeWin, topWin){
                        // iframeWin: 对话框iframe内容的window对象
                        // topWin: 对话框所在位置的window对象
                        iframeWin.add();//5
                        
                        //window.location=window.location;
                        
                        //防止窗口关闭
                        return false;
                    },
                    cancel: true
                });
                
            }
        </script>
    </head>
    <body>

        <h1>分类列表</h1>
        
        <div>
            <input type="button" value="新增" onclick="addCategory();" />
        </div>


                <table class="datatable">
                        <thead>
                                <tr>
                                    <th>分类名称</th>
                                    <th>分类描述</th>
                                    <th>操作列</th>
                                </tr>
                        </thead>
                        <tbody>
                                <c:forEach items="${list }" var="list">
                                    <tr>
                                        <td>${list.cateName }</td>
                                        <td>${list.cateDesc }</td>
                                        <td>
                                            <a href="<%=request.getContextPath() %>/category/delete.${list.cateId}.html">删除</a>
                                            <a href="<%=request.getContextPath() %>/category/update.${list.cateId}.html">修改</a>
                                        </td>
                                        
                                    </tr>
                                </c:forEach>
                        
                        </tbody>
                
                </table>
                

    </body>
    </html>

  • 相关阅读:
    Linux就该这么学28期——Day03 2.4-2.7
    Linux就该这么学28期——Day02 2.1-2.3
    Linux就该这么学28期——开篇
    层次遍历应用

    二叉树
    Linux 随手记录
    KMP算法详解(转)
    使用MySQL connector/C++链接MySQL数据库
    C++ 代码片段
  • 原文地址:https://www.cnblogs.com/HeXiaoZhou/p/6424469.html
Copyright © 2011-2022 走看看