tabs.jsp 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <%@ page language="java" contentType="text/html;charset=utf-8"%>
  2. <%@include file="/pages/includes/taglibs.jsp"%>
  3. <html>
  4. <head>
  5. <title>宁夏集控</title>
  6. <style>
  7. body{
  8. font-size: 12px;
  9. margin-left: 0px;
  10. margin-top: 0px;
  11. margin-right: 0px;
  12. margin-bottom: 0px;
  13. }
  14. @font-face {
  15. font-family: 'fontNameRegular';
  16. src: url('<%=request.getContextPath() %>/resource/fonts/DS-DIGIT-webfont.eot');
  17. src: local('<%=request.getContextPath() %>/resource/fonts/DS-DIGIT-webfont Regular'),
  18. local('<%=request.getContextPath() %>/resource/fonts/DS-DIGIT-webfont'),
  19. url('<%=request.getContextPath() %>/resource/fonts/DS-DIGIT-webfont.woff') format('woff'),
  20. url('<%=request.getContextPath() %>/resource/fonts/DS-DIGIT-webfont.ttf') format('truetype'),
  21. url('<%=request.getContextPath() %>/resource/fonts/DS-DIGIT-webfont.svg#fontName') format('svg');
  22. font-size: 20px;
  23. font-weight: bolder;
  24. }
  25. </style>
  26. <link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/resource/plugin/jqueryui/css/custom-theme/jquery-ui-1.9.2.custom.css" />
  27. <script src="<%=request.getContextPath() %>/resource/plugin/jqueryui/js/jquery-ui-1.9.2.custom.js" type="text/javascript"></script>
  28. <script src="<%=request.getContextPath() %>/resource/plugin/jqueryui/development-bundle/ui/jquery.ui.widget.js"></script>
  29. <script src="<%=request.getContextPath() %>/resource/plugin/jqueryui/development-bundle/ui/jquery.ui.tabs.js"></script>
  30. <script type="text/javascript">
  31. $(function() {
  32. $( "#tabs" ).tabs({
  33. select: function(event, ui) {
  34. // ui.tab锚元素选中的标签页
  35. // ui.panel 锚元素选中的标签页的内容
  36. // ui.index 锚元素选中的标签页的索引(从0开始)
  37. if(ui.index==0)
  38. {
  39. $("#tab1").attr("src","<%=request.getContextPath() %>/charts/curvedeviationmonthindex.action");
  40. $("#tab2").attr("src","about:blank");
  41. }else if(ui.index==1)
  42. {
  43. $("#tab2").attr("src","<%=request.getContextPath() %>/charts/curvedeviationindex.action");
  44. $("#tab1").attr("src","about:blank");
  45. }
  46. else
  47. {
  48. $("#tab1").attr("src","about:blank");
  49. }
  50. }
  51. });
  52. $("#tab1").attr("src","<%=request.getContextPath() %>/charts/curvedeviationmonthindex.action");
  53. });
  54. </script>
  55. </head>
  56. <body>
  57. <div id="tabs" style="width: 1880px;height: 860px;border: 0px;margin: 0px">
  58. <ul >
  59. <li><a href="#tabs-1" >月曲线偏差率排行榜</a></li>
  60. <li><a href="#tabs-2">日曲线偏差率排行榜</a></li>
  61. </ul>
  62. <div id="tabs-1" style="border: 0px;margin: 0px">
  63. <iframe id="tab1" src="" style="border: 0px;margin: 0px" marginwidth="0px" marginheight="0px" frameborder="0" width="1890px" height="830px" scrolling="auto"></iframe>
  64. </div>
  65. <div id="tabs-2">
  66. <iframe id="tab2" src="" style="border: 0px;margin: 0px" marginwidth="0px" marginheight="0px" frameborder="0" width="1890px" height="830px" scrolling="auto"></iframe>
  67. </div>
  68. </div>
  69. </body>
  70. </html>