首页 > 代码库 > 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) 显示页面样式的用法