123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166 |
- <%--
- time:2015-03-18 11:36:25
- desc:edit the sys_popup_remind
- --%>
- <%@page language="java" pageEncoding="UTF-8"%>
- <%@include file="/commons/include/html_doctype.html"%>
- <%@ taglib prefix="ht" tagdir="/WEB-INF/tags/wf"%>
- <html>
- <head>
- <title>弹框演示</title>
- <%@include file="/commons/include/get.jsp"%>
- <style>
- body {
- font-family: Tahoma;
- font-size: 12px;
- }
- .leftmenu {
- width: 100%;
- }
- .leftmenu li {
- display: inline;
- white-space: nowrap;
- }
- .leftmenu span,.leftmenu a:active,.leftmenu a:visited,.leftmenu a:link {
- display: block;
- text-decoration: none;
- margin: 6px 10px 6px 0px;
- padding: 2px 6px 2px 6px;
- color: #333;
- /* background-color: #d9e8f3; */
- /* border: 1px solid #004266; */
- }
- .leftmenu a:hover {
- color: red;
- background-color: #8cbbda;
- }
- .leftmenu span {
- color: #a13100;
- }
- </style>
- <script type="text/javascript">
- $(function() {
- //处理定时刷新页面
- var refreshTime = "${param.refreshTime}";
- if (refreshTime != "") {
- window.setInterval(function() {
- window.location.reload();
- }, Number(refreshTime) * 1000);
- }
- });
- function openerLinkTo(url, text,popupType,height,width) {
- if (!startWith(url, "http://") && !startWith(url, "www.")) {
- url = __ctx + url;
- }
- if(popupType=="tab"){
- window.top.tab.addTabItem({
- url : url,
- text : text,
- tabid : text,
- icon : ""
- });
- }else if(popupType=="newWin"){
- window.open(url);
- }else if(popupType=="dialog"){
- DialogUtil.open({
- height:height,
- width: width,
- title : text,
- url: url,
- isResize: true
- });
- }
- }
- function startWith(source, str) {
- if (str == null || str == "" || source.length == 0
- || str.length > source.length)
- return false;
- return source.substr(0, str.length) == str;
- }
- </script>
- <style>
- .l-dialog table {
- table-layout: auto;
- border: 1px solid #ccc;
- }
- .l-dialog-tl {
- width: 1px;
- border-left: 1px solid #D2D2D2;
- }
- .l-dialog-tc {
- background: url(../../../images/other/bg.png) repeat scroll 0 -135px transparent;
- border-top: 1px solid #D2D2D2;
- }
- .l-dialog-tc-inner {
- background-color: #f3f1f1;
- position: relative;
- height: 30px;
- line-height: 30px;
- width: 100%;
- /* outline: 1px solid #000; */
- border-bottom: 1px solid #3d88ed;
- }
- .l-dialog-tc-inner .l-dialog-icon {
- position: absolute;
- left: 3px;
- top: 10px;
- width: 11px;
- height: 11px;
- overflow: hidden;
- background: url(../images/win/dialog_2.gif);
- background-position: 0px 0px;
- }
- .l-dialog-title {
- /* background-color: #388def; */
- font-weight: 700;
- padding-left: 20px;
- padding-right: 20px;
- text-align: left;
- padding-top: 0px;
- color: #3d88ed;
- /* border-bottom: 1px solid #3d88ed; */
- }
- .l-dialog-close {
- background-image: url(../images/win/dialog2_2.gif);
- background-position: 0px 3px;
- }
- .l-dialog-winbtn {
- background: url(../images/win/dialog-winbtns_2.gif) no-repeat;
- cursor: pointer;
- overflow: hidden;
- width: 18px;
- height: 16px;
- background-size: 14px;
- float: right;
- margin-right: 4px;
- }
- .l-dialog-tr {
- width: 1px;
- border-right: 1px solid #D2D2D2;
- }
- </style>
- </head>
- <body style="height: 98%;overflow: auto;">
- <ul class="leftmenu">
- <c:if test="${empty massage }">
- <c:forEach var="item" items="${jsonList}">
- <li><a
- href="javaScript:openerLinkTo('${item.url}','${item.subject}','${item.popupType}','${item.height}','${item.width}')">${item.msg}
- </a>
- </li>
- </c:forEach>
- </c:if>
- <c:if test="${ not empty massage }">
- <li><span>${massage }</span></li>
- </c:if>
- </ul>
- </body>
- </html>
|