首页 > 代码库 > artdialog_ (dialog4) 显示页面样式的用法

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="http://www.mamicode.com//resources/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="http://www.mamicode.com//static/dialog4/artDialog.js?skin=green"></script>
<script type="text/javascript" language="javascript" src="http://www.mamicode.com//static/dialog4/plugins/iframeTools.js"></script>    
    <style type="text/css">
        .clear{clear:both;}
        .datatable{width:100%;border-collapse:collapse;}
        .datatable tr{height:35px;}
        .datatable tr td{border:1px solid #ddd;padding:5px 8px;}

        .dialog{display:none;width: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‘, {
                width: ‘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="http://www.mamicode.com/新增" 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="http://www.mamicode.com//category/delete.${list.cateId}.html">删除</a>
                                        <a href="http://www.mamicode.com//category/update.${list.cateId}.html">修改</a>
                                    </td>
                                    
                                </tr>
                            </c:forEach>
                    
                    </tbody>
            
            </table>
            

</body>
</html>

artdialog_ (dialog4) 显示页面样式的用法