sysPopupRemindShow.jsp 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
  1. <%--
  2. time:2015-03-18 11:36:25
  3. desc:edit the sys_popup_remind
  4. --%>
  5. <%@page language="java" pageEncoding="UTF-8"%>
  6. <%@include file="/commons/include/html_doctype.html"%>
  7. <%@ taglib prefix="ht" tagdir="/WEB-INF/tags/wf"%>
  8. <html>
  9. <head>
  10. <title>弹框演示</title>
  11. <%@include file="/commons/include/get.jsp"%>
  12. <style>
  13. body {
  14. font-family: Tahoma;
  15. font-size: 12px;
  16. }
  17. .leftmenu {
  18. width: 100%;
  19. }
  20. .leftmenu li {
  21. display: inline;
  22. white-space: nowrap;
  23. }
  24. .leftmenu span,.leftmenu a:active,.leftmenu a:visited,.leftmenu a:link {
  25. display: block;
  26. text-decoration: none;
  27. margin: 6px 10px 6px 0px;
  28. padding: 2px 6px 2px 6px;
  29. color: #333;
  30. /* background-color: #d9e8f3; */
  31. /* border: 1px solid #004266; */
  32. }
  33. .leftmenu a:hover {
  34. color: red;
  35. background-color: #8cbbda;
  36. }
  37. .leftmenu span {
  38. color: #a13100;
  39. }
  40. </style>
  41. <script type="text/javascript">
  42. $(function() {
  43. //处理定时刷新页面
  44. var refreshTime = "${param.refreshTime}";
  45. if (refreshTime != "") {
  46. window.setInterval(function() {
  47. window.location.reload();
  48. }, Number(refreshTime) * 1000);
  49. }
  50. });
  51. function openerLinkTo(url, text,popupType,height,width) {
  52. if (!startWith(url, "http://") && !startWith(url, "www.")) {
  53. url = __ctx + url;
  54. }
  55. if(popupType=="tab"){
  56. window.top.tab.addTabItem({
  57. url : url,
  58. text : text,
  59. tabid : text,
  60. icon : ""
  61. });
  62. }else if(popupType=="newWin"){
  63. window.open(url);
  64. }else if(popupType=="dialog"){
  65. DialogUtil.open({
  66. height:height,
  67. width: width,
  68. title : text,
  69. url: url,
  70. isResize: true
  71. });
  72. }
  73. }
  74. function startWith(source, str) {
  75. if (str == null || str == "" || source.length == 0
  76. || str.length > source.length)
  77. return false;
  78. return source.substr(0, str.length) == str;
  79. }
  80. </script>
  81. <style>
  82. .l-dialog table {
  83. table-layout: auto;
  84. border: 1px solid #ccc;
  85. }
  86. .l-dialog-tl {
  87. width: 1px;
  88. border-left: 1px solid #D2D2D2;
  89. }
  90. .l-dialog-tc {
  91. background: url(../../../images/other/bg.png) repeat scroll 0 -135px transparent;
  92. border-top: 1px solid #D2D2D2;
  93. }
  94. .l-dialog-tc-inner {
  95. background-color: #f3f1f1;
  96. position: relative;
  97. height: 30px;
  98. line-height: 30px;
  99. width: 100%;
  100. /* outline: 1px solid #000; */
  101. border-bottom: 1px solid #3d88ed;
  102. }
  103. .l-dialog-tc-inner .l-dialog-icon {
  104. position: absolute;
  105. left: 3px;
  106. top: 10px;
  107. width: 11px;
  108. height: 11px;
  109. overflow: hidden;
  110. background: url(../images/win/dialog_2.gif);
  111. background-position: 0px 0px;
  112. }
  113. .l-dialog-title {
  114. /* background-color: #388def; */
  115. font-weight: 700;
  116. padding-left: 20px;
  117. padding-right: 20px;
  118. text-align: left;
  119. padding-top: 0px;
  120. color: #3d88ed;
  121. /* border-bottom: 1px solid #3d88ed; */
  122. }
  123. .l-dialog-close {
  124. background-image: url(../images/win/dialog2_2.gif);
  125. background-position: 0px 3px;
  126. }
  127. .l-dialog-winbtn {
  128. background: url(../images/win/dialog-winbtns_2.gif) no-repeat;
  129. cursor: pointer;
  130. overflow: hidden;
  131. width: 18px;
  132. height: 16px;
  133. background-size: 14px;
  134. float: right;
  135. margin-right: 4px;
  136. }
  137. .l-dialog-tr {
  138. width: 1px;
  139. border-right: 1px solid #D2D2D2;
  140. }
  141. </style>
  142. </head>
  143. <body style="height: 98%;overflow: auto;">
  144. <ul class="leftmenu">
  145. <c:if test="${empty massage }">
  146. <c:forEach var="item" items="${jsonList}">
  147. <li><a
  148. href="javaScript:openerLinkTo('${item.url}','${item.subject}','${item.popupType}','${item.height}','${item.width}')">${item.msg}
  149. </a>
  150. </li>
  151. </c:forEach>
  152. </c:if>
  153. <c:if test="${ not empty massage }">
  154. <li><span>${massage }</span></li>
  155. </c:if>
  156. </ul>
  157. </body>
  158. </html>