imglist.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>四平市政府</title>
  6. <link rel="stylesheet" href="css/basic.css" />
  7. <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
  8. <script type="text/javascript" src="js/basic.js"></script>
  9. <script type="text/javascript" src="js/idealDic/idealDicInclude.js"></script>
  10. <script src="js/mui.min.js"></script>
  11. <script type="text/javascript">
  12. (function($) {
  13. $.getUrlParam = function(name) {
  14. var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  15. var r = window.location.search.substr(1).match(reg);
  16. if (r != null)
  17. return unescape(r[2]);
  18. return null;
  19. }
  20. })(jQuery);
  21. function close_page() {
  22. mui.currentWebview.close();
  23. }
  24. var channel_id = $.getUrlParam('channel_id');//id
  25. var counts = $.getUrlParam('count');//总数
  26. var pages = dicContainer['app'].toValue('imgpage');//每页总数
  27. var order = Math.ceil(counts / pages);//页数
  28. order = order - 1;
  29. var change = $.getUrlParam('change') ? $.getUrlParam('change') : 1;//判断是否取得是子栏目数据0是1不是
  30. var count = 0;
  31. mui.init({
  32. pullRefresh : {
  33. container : '#listpage',//待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等
  34. up : {
  35. height : 50,//可选.默认50.触发上拉加载拖动距离
  36. auto : true,//可选,默认falsee.自动上拉加载一次
  37. contentrefresh : "<span style='font-size:40px'>正在加载...</span>",//可选,正在加载状态时,上拉加载控件上显示的标题内容
  38. contentnomore : "<span style='font-size:40px'>没有更多数据了</span>",//可选,请求完毕若没有更多数据时显示的提醒内容;
  39. callback : function() {
  40. //业务逻辑代码,比如通过ajax从服务器获取新数据;
  41. setTimeout(function() {
  42. mui('#listpage').pullRefresh().endPullupToRefresh((++count > order)); //参数为true代表没有更多数据了。
  43. mui.ajax({
  44. url : projectUrl+ 'trsdataAction!query_index_data.action',
  45. async : false,
  46. data : {
  47. channel_id : channel_id,
  48. data_star : (pages * (count - 1)),
  49. data_end : (pages * count),
  50. change : change
  51. },
  52. success : function(data) {
  53. if (data.success == true) {
  54. var json = data.data;
  55. for (var i = 0; i < json.length; i++) {
  56. var industry = json[i];
  57. $("#img_list").append('<dl class="img_list"><dd><a href="#" id="'
  58. +industry.docid+'" wdlx="'+industry.doctype+'" dizhi="'+industry.docpuburl+'"><img width="45%" height="300" src="'+ industry.picurl
  59. + '"></a></dd><dt><a href="#" id="'+industry.docid+'">'
  60. + industry.doctitle.substring(0,15)+ "..."+ '</a></dt> </dl>');
  61. }
  62. }
  63. }
  64. });
  65. }, 1000);
  66. }
  67. }
  68. }
  69. });
  70. function initss() {
  71. mui("#img_list").on("tap", "a", function(e) {
  72. var id = $(this).attr("id");
  73. var wdlx = $(this).attr("wdlx");
  74. var dizhi = $(this).attr("dizhi");
  75. var url = dizhi;
  76. if(wdlx == '30'){
  77. mui.openWindowWithTitle({
  78. url: url,
  79. id:id,
  80. styles:{top:'0px', bottom:'0px'},
  81. createNew:true
  82. },{
  83. //#1A8FD6
  84. backgroundColor:"#ffffff",//导航栏背景色
  85. title:{//标题配置
  86. text:"文章内容",//标题文字
  87. styles:{
  88. color:"#1A8FD6"
  89. }
  90. },
  91. back:{//左上角返回箭头
  92. image:{
  93. base64Data:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAb1BMVEUAAAAAev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8AAACubimgAAAAI3RSTlMAGfUTGfQTGPMSGPIYGhgaGBsXGxcbFxwXHBccFhwWHRYdHWufDPQAAAABYktHRACIBR1IAAAAB3RJTUUH4QETEBwooeTlkQAAAJVJREFUSMft1EkSgkAQRNFGUXFWHBDBibr/HTUwD5B/48Ig1y+io7u6MqUhf5hsNEY+j5hMgZ/FJ8Xc9ovos3T96utjbfqN/Nb0O/m96Uv5g+mP8ifTn+Ur01/ka9Nf5RvTt/I309/lH6Z/yr9Mn+Q71/MT8B34K/E58Enzv8R/K98HvnF8p3lr8F7izce7lbf3kJ/lDQp9HdBhgg3PAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTAxLTE5VDE2OjI4OjQwKzA4OjAwpTDFwQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wMS0xOVQxNjoyODo0MCswODowMNRtfX0AAAAASUVORK5CYII='
  94. },
  95. click: function() {
  96. mui.plusReady(function() {
  97. plus.webview.getWebviewById(id).evalJS("plus.key.addEventListener('backbutton',function(){plus.webview.getWebviewById('detail').close();})"); //重写返回事件
  98. })
  99. var wev = plus.webview.getWebviewById(id);
  100. console.log('guanbi');
  101. wev.close();
  102. }
  103. }
  104. });
  105. }else{
  106. url = 'news.html';
  107. mui.openWindow({
  108. url : url + '?doc_id=' + id,
  109. id : id,
  110. styles : {top : '0px',bottom : '0px'},
  111. createNew : true
  112. });
  113. }
  114. })
  115. }
  116. </script>
  117. </head>
  118. <body onload="initss();">
  119. <header class="sjheader">
  120. <div class="back fl mui-action-back">
  121. <a href="#" onclick="close_page()"><img src="images/cwfsz_03.png"></a>
  122. </div>
  123. <div class="centerlogo fl">
  124. <img src="images/spzf_03.png">
  125. </div>
  126. </header>
  127. <!--中间内容开始-->
  128. <div class="listcont wrap" id="listpage" style="padding-top: 30px;">
  129. <div id="img_list"></div>
  130. <div class="clear"></div>
  131. </div>
  132. </body>
  133. </html>