bysyaItem.js 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197
  1. /*var isDrag = false;
  2. var tx, x, dwc, dwsl;*/
  3. $(function () {
  4. /* dwsl = $("#dwsl").val();*/
  5. selectDw(1);
  6. /* loadLeft();
  7. for (var i = 1; i <= dwsl; i++) {
  8. document.getElementById("circle" + i).addEventListener('touchend', function () {
  9. isDrag = false;
  10. });
  11. document.getElementById("circle" + i).addEventListener('touchstart', selectMouse);
  12. document.getElementById("circle" + i).addEventListener('touchmove', moveMouse);
  13. }*/
  14. /**
  15. * 拖拽
  16. */
  17. var block = document.getElementById("tb");
  18. var oW,oH;
  19. // 绑定touchstart事件
  20. block.addEventListener("touchstart", function(e) {
  21. var touches = e.touches[0];
  22. oW = touches.clientX - block.offsetLeft;
  23. oH = touches.clientY - block.offsetTop;
  24. //阻止页面的滑动默认事件
  25. document.addEventListener("touchmove",defaultEvent,false);
  26. },false);
  27. // 绑定touchmove事件
  28. block.addEventListener("touchmove", function(e) {
  29. var touches = e.touches[0];
  30. var oLeft = touches.clientX - oW;
  31. var oTop = touches.clientY - oH;
  32. //左右碰界判断
  33. if(oLeft < 0) {
  34. oLeft = 0;
  35. }else if(oLeft > document.documentElement.clientWidth - block.offsetWidth) {
  36. oLeft = (document.documentElement.clientWidth - block.offsetWidth);
  37. }
  38. //上下碰界判断
  39. if(oTop < 0) {
  40. oTop = 0;
  41. }else if(oTop > document.documentElement.clientHeight - block.offsetHeight) {
  42. oTop = (document.documentElement.clientHeight - block.offsetHeight);
  43. }
  44. block.style.left = oLeft + "px";
  45. block.style.top = oTop + "px";
  46. },false);
  47. // 绑定touchend事件
  48. block.addEventListener("touchend",function() {
  49. document.removeEventListener("touchmove",defaultEvent,false);
  50. },false);
  51. //touchmove的阻止浏览器或者屏幕滚动默认事件
  52. document.addEventListener('touchmove', defaultEvent, false);
  53. });
  54. function defaultEvent(e) {
  55. e.preventDefault();
  56. }
  57. /**
  58. * 温度变更
  59. * @param id
  60. * @param type
  61. */
  62. function changeWd(id, type, obj) {
  63. var gwd = parseFloat($("#gwd" + id).html());
  64. if (type == 1) {
  65. var dwd = $("#dwd" + id).html();
  66. if (parseFloat(dwd) < gwd - 0.5) {
  67. $("#gwd" + id).html(gwd - 0.5);
  68. $("#dwd" + (parseInt(id) + 1)).html(gwd - 0.5);
  69. }
  70. }
  71. if (type == 2) {
  72. var gwd2;
  73. if ($("#gwd" + (parseInt(id) + 1)).html()) {
  74. gwd2 = $("#gwd" + (parseInt(id) + 1)).html();
  75. } else {
  76. gwd2 = 50.5;
  77. }
  78. if (parseFloat(gwd2) > gwd + 0.5) {
  79. $("#gwd" + id).html(gwd + 0.5);
  80. $("#dwd" + (parseInt(id) + 1)).html(gwd + 0.5);
  81. }
  82. }
  83. }
  84. /*function moveMouse(e) {
  85. if (isDrag) {
  86. var n = tx + e.touches[0].pageX - x;
  87. var width = $(window).width() * 0.9 - 15;
  88. var max,min;
  89. if (dwc != dwsl) {
  90. max = $("#circle" + parseInt(dwc + 1)).css("left");
  91. if ((max + "").indexOf("%") != -1) {
  92. max = parseInt(max.substring(0, max.length-1)) / 100 * width;
  93. }
  94. if ((max + "").indexOf("px") != -1) {
  95. max = max.replace("px", "");
  96. }
  97. } else {
  98. max = 50;
  99. }
  100. if (dwc == 1) {
  101. min = 0;
  102. } else {
  103. min = $("#circle" + parseInt(dwc - 1)).css("left");
  104. if ((min + "").indexOf("%") != -1) {
  105. min = parseInt(min.substring(0, min.length-1)) / 100 * width;
  106. }
  107. if ((min + "").indexOf("px") != -1) {
  108. min = min.replace("px", "");
  109. }
  110. }
  111. console.log(min + "-" + max);
  112. if (n <= min || n > max) {
  113. return;
  114. }
  115. $("#circle" + dwc).css("left", (n / width * 100) + "%");
  116. $("#gwd" + dwc).html(parseInt(n / width * 50));
  117. $("#dwd" + (parseInt(dwc) + 1)).html(parseInt(n / width * 50));
  118. return false;
  119. }
  120. }
  121. function selectMouse(e) {
  122. isDrag = true;
  123. tx = parseInt(document.getElementById("circle" + dwc).style.left + 0);
  124. x = e.touches[0].pageX;
  125. return false;
  126. }
  127. function loadLeft() {
  128. for (var i = 1; i <= dwsl; i++) {
  129. var gw = $("#gwd" + i).html();
  130. var width = $(window).width() * 0.9 - 15;
  131. var left = parseInt(gw) / 50 * width;
  132. $("#circle" + i).css("left", left);
  133. }
  134. }*/
  135. /**
  136. * 返回
  137. */
  138. function yxcsBackUrl() {
  139. var zsid = $("#zsid").val();
  140. var zsbz = $("#zsbz").val();
  141. if (zsbz == "2") {
  142. haifm.loadMobilePage("haifm", "mcZsHjkzView.htm?zsid=" + zsid + "&from=zslist");
  143. } else {
  144. haifm.loadMobilePage("haifm", "mcZsView.htm?zsid=" + zsid + "&from=zslist");
  145. }
  146. }
  147. /**
  148. * 档位切换
  149. * @param id
  150. */
  151. function selectDw(key, val) {
  152. var dw = parseInt(key);
  153. if (val != undefined && val != "") {
  154. var xdw = parseInt(val);
  155. if (dw + xdw < 1 || dw + xdw > parseInt($("#dwsl").val())) {
  156. return;
  157. }
  158. $("#dw" + dw).hide();
  159. dw = dw + xdw;
  160. }
  161. $("#dw" + dw).show();
  162. dwc = dw;
  163. // isDrag = false;
  164. }
  165. /**
  166. * 开关
  167. */
  168. function kgbz(obj, id) {
  169. $("#gzsj" + id).removeAttr("disabled");
  170. $("#jssj" + id).removeAttr("disabled");
  171. // var kg = $(obj).parent().parent().find("input");
  172. // if ($(kg).val() == 1) {
  173. // $(kg).val("2");
  174. // $(obj).parent().find("span").attr("style", "background-color:''");
  175. // $("#gzsj" + id).removeAttr("disabled");
  176. // $("#jssj" + id).removeAttr("disabled");
  177. // } else if ($(kg).val() == 2) {
  178. // $(kg).val("1");
  179. // $(obj).parent().find("span").attr("style", "background-color:#f0f0f0");
  180. // $("#gzsj" + id).attr("disabled", "disabled");
  181. // $("#jssj" + id).attr("disabled", "disabled");
  182. // }
  183. }
  184. function tongbuBz(val, xh) {
  185. var dwsl = $("#dwsl").val();
  186. for (var i = 1; i <= dwsl; i++) {
  187. $("#bz" + i + xh).val(val);
  188. console.log($("#bz" + i + xh).val());
  189. }
  190. }