开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > 磁盘/存储 > SCSI/ASPI > 查看源码
template_usercpshopcategory.js
资源名称：dnt_3.1.0_sqlserver.rar　[点击查看]
上传用户：wenllgg125
上传日期：2020-04-09
资源大小：7277k
文件大小：8k
源码类别：

SCSI/ASPI

开发平台：

Others

template_usercpshopcategory.js：源码内容
  1. var treeID = null;
  3. function tree(treeID,treeNodes,funName){
  4. var treeType = 0;
  5. var layer = 0;
  6. var parentidlist = '';
  7. var title = '';
  8. var lastDiv = null;
  10. this.id = treeID;
  11. this.drag = false;
  12. this.dragObj = null;
  13. this.oldClass = '';
  14. this.treeType = 0;
  15. this.layer = 0;
  16. this.parentidlist = '';
  17. this.title = '';
  18. this.lastDiv = null
  20. this.getPos=function(el,sProp){
  21. var iPos = 0;
  22. while (el!=null) {
  23. iPos+=el['offset' + sProp];
  24. el = el.offsetParent;
  25. }
  26. return iPos;
  27. }
  29. this.getETarget = function(e) {
  30. if (!e){
  31.     return null;
  32. }
  33. if (!e.srcElement && !e.target){
  34.     return null;
  35. }
  36. obj = e.srcElement ? e.srcElement : e.target;
  37. if (obj == null){
  38.     return null
  39. };
  41. while (obj.getAttribute('treetype') == null && obj.tagName != 'BODY' && obj.tagName != 'HTML'){
  42. obj = obj.parentNode;
  43. if(obj == null){
  44.     break;
  45. }
  46. }
  47. return obj;
  48. }
  50. //鼠标按下
  51. this.onmousedown = function(e){
  53. if (!e){return false;}
  55. if (this.dragObj){
  56. this.dragObj.className = 'treenode_noselected';
  57. }
  59. this.dragObj = this.getETarget(e);
  60. if (!this.dragObj){return;}
  62. if (!this.dragObj.getAttribute('treetype')){return;}
  64. var mX = e.x ? e.x : e.pageX;
  65. var mY = e.y ? e.y : e.pageY;
  67. this.drag = true;
  68. this.dragObj.className = 'treenode_selected';
  69. this.oldClass = 'treenode_selected';
  71. var innerHTML = this.dragObj.innerHTML;
  73. innerHTML = innerHTML.substring(0, innerHTML.toLowerCase().indexOf('maxlength') +50);
  74.        
  75. this.ShowMove(mX, mY, innerHTML);
  77. treeID = this;
  78. //document.onmousedown = function(){return false};
  79. document.onmousemove = function(e){
  80. if (tree==null){
  81. return;
  82. }
  83. treeID.document_onmousemove(e);
  84. }
  86. };
  88. this.onmouseup = function(e){this.document_onmouseup(e)};
  89. this.onmouseover = function(e){
  90. if (this.drag){
  91. this.oldClass = this.getETarget(e).className;
  92. if (this.getETarget(e).getAttribute('treeType')==1){
  93. this.getETarget(e).className = 'treenode_over';
  94. }
  95. else{
  96. this.getETarget(e).className = 'treenode_0_over';
  97. }
  98. }
  99. var mX = e.x ? e.x : e.pageX;
  100. var mY = e.y ? e.y : e.pageY;
  101. };
  103. this.onmouseout = function(e){
  104. if (this.drag){
  105. this.getETarget(e).className = this.oldClass;
  106. if (this.dragObj.id == this.getETarget(e).id){
  107. this.findObj(this.id + '_treenode_move').style.display = 'block';
  108. }
  109. }
  111. };
  113. this.init = function(){
  114. var outputhtml = 'n<div id="' + this.id + '_control" class="contral">';
  115. outputhtml += 'n<div id = "' + this.id + '_treenode_move" class="treenode_move"></div>';
  116. outputhtml += 'n<div id = "' + this.id + '_line"></div>';
  117. outputhtml += 'n<div class="treenode_0" style="display:none;" id = "' + this.id + '_treenode_0" onmouseup="' + this.id + '.onmouseup(event);" onmouseover="' + this.id + '.onmouseover(event)" onmouseout="' + this.id + '.onmouseout(event)"></div>';
  118. outputhtml += 'n<div class="treenode_1" style="display:none;" id = "' + this.id + '_treenode" onmousedown="' + this.id + '.onmousedown(event);" onmouseup="' + this.id + '.onmouseup(event);" onmouseover="' + this.id + '.onmouseover(event)" onmouseout="' + this.id + '.onmouseout(event)"></div>';
  119. for(i=0;i<treeNodes.length;i++){
  121. outputhtml += 'n<div class="treenode_0_noselected" id = "' + this.id + '_treenode' + i + '_0" index="' + i + '" treetype="0" ';
  122. outputhtml += 'onmouseup="' + this.id + '.onmouseup(event);" onmouseover="' + this.id + '.onmouseover(event)" onmouseout="' + this.id + '.onmouseout(event)">';
  123.      outputhtml += '</div>';
  124. outputhtml += 'n<div class="treenode_noselected" id = "' + this.id + '_treenode' + i + '" index="' + i + '" treetype="1" onmousedown="' + this.id + '.onmousedown(event);" onmouseup="' + this.id + '.onmouseup(event);" onmouseover="' + this.id + '.onmouseover(event)" onmouseout="' + this.id + '.onmouseout(event)">';
  125. if(treeNodes[i].parentid ==0) {
  126.      outputhtml += '<img src="admin/images/exp.gif">'; 
  127. }
  128. else {
  129.      for(j = 0; j < parseInt(treeNodes[i].layer); j++) {
  130.         outputhtml += '&nbsp;&nbsp;&nbsp;&nbsp;';
  131.      }
  132.      outputhtml += '<img src="admin/images/cal_nextMonth.gif"> ';
  133. }
  134. outputhtml += '<input type="text" value="'+treeNodes[i].name+'" size="20" id="categoryname_'+ treeNodes[i].categoryid +'" onChange="$('editcategoryname').value=this.value;" onfocus="$('editcategoryname').value=this.value;" maxlength="50">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" class="TopicButton" type="button" onclick="javascript:$('operation').value='edit';$('categoryid').value='+ treeNodes[i].categoryid +';$('shopcategorysubmit').click();"><img src="admin/images/submit.gif"/>确定修改</a><a href="#" class="TopicButton" type="button" onclick="javascript:if(confirm('您要删除该项吗?')){$('operation').value='delete';$('categoryid').value='+ treeNodes[i].categoryid +';$('shopcategorysubmit').click();}"><img src="admin/images/del.gif" />删除</a>';
  135. if(treeNodes[i].childcount == 0) {
  136.     outputhtml +='<a href="#" class="TopicButton" type="button" onclick="javascript:window.location='usercpshopgoodsmanage.aspx?item=shopcategory&shopgoodscategoryid='+treeNodes[i].categoryid+'';">商品列表<img src="admin/images/selector.gif" /></a></div>';
  137. }
  138. else {
  139.     outputhtml +='</div>';
  140. }
  141. }
  142. outputhtml += 'n</div>';
  144.     $('treecategory').innerHTML = outputhtml;
  145. }
  150. this.findObj = function(objname){
  151. if (document.getElementById(objname)){
  152. return document.getElementById(objname);
  153. }
  154. else if(document.getElementsByName(objname)){
  155. return document.getElementsByName(objname)
  156. }
  157. else{
  158. return null;
  159. }
  160. }
  162. this.HideMove = function(){
  163. if (this.findObj(this.id + '_treenode_move').style.display!='none'){
  164. this.findObj(this.id + '_treenode_move').style.display='none';
  165. }
  166. }
  168. this.ShowMove = function(mX ,mY,innerHTML){
  169.     
  170. this.findObj(this.id + '_treenode_move').innerHTML = innerHTML;
  171. this.findObj(this.id + '_treenode_move').style.left =(mX + 10) + 'px';
  172. this.findObj(this.id + '_treenode_move').style.top = (mY) + 'px';
  173. }
  175. this.SetMove = function(e,mX,mY){
  176. this.findObj(this.id + '_treenode_move').style.left =(mX + 10) + 'px';
  177. this.findObj(this.id + '_treenode_move').style.top = (mY) + 'px';
  178. }
  181. this.document_onmouseup = function(e){
  182. if (this.drag){
  183. this.drag = false;
  184. try{
  185. this.getETarget(e).className = this.oldClass;
  187. index = this.getETarget(e).getAttribute('index');
  188. eval(funName+ '(treeNodes[index],treeNodes[this.dragObj.getAttribute("index")],this.getETarget(e).getAttribute("treetype"))');
  189. }
  190. catch(e){}
  192. this.HideMove();
  193. treeID = null;
  195. document.onmousedown = function(){return true};
  196. document.onmousemove = function(){null;};
  197. }
  199. }
  200. document.onmouseup = new Function(this.id + '.document_onmouseup();');
  202. this.document_onmousemove = function(e){
  203. e= e ? e : window.event;
  204. var mX = e.x ? e.x : e.pageX;
  205. var mY = e.y ? e.y : e.pageY;
  206. this.SetMove(e,mX,mY);
  208. }
  210.     this.document_onselectstart = function(){
  211.     return !this.drag;
  212. }
  214.     document.onselectstart = new Function('return ' + this.id + '.document_onselectstart ();');
  215.     
  216. this.init();
  217. }
  218.  
  220. function reSetTree(targetnode,sourcenode,treetype){
  222.     if(targetnode.categoryid!=sourcenode.categoryid) { 
  223.        var message='您是否要将分类"'+sourcenode.name+'"称动到分类"'+targetnode.name+'"';
  224.        if(treetype==1) {
  225.            message+='下吗 ?';
  226.        }
  227.        else {
  228.        message+='之前吗 ?';
  229.        }
  230.   
  231.        if(confirm(message)) {
  232.           var objnparentidlist=','+targetnode.parentidlist+',';
  233.           if(objnparentidlist.indexOf(','+sourcenode.categoryid+',')<0) {
  234.                $('targetcategoryid').value = targetnode.categoryid;
  235.                $('categoryid').value = sourcenode.categoryid;
  236.                $('isaschildnode').value = treetype;
  237.                $('operation').value = "move";
  238.                $('shopcategorysubmit').click();
  239.           }
  240.           else {
  241.              alert('不能将当前分类移动到其子分类');
  242.           }
  243.        }
  244.     }
  245. }
  247. //function initcategory() {
  248. //    $('selectcategoryid').options.length = cats.length; 
  249. //    for(var i in cats) {
  250. //        spacechar = '';
  251. //        for(j = 0; j < cats[i].layer; j++) {
  252. //            spacechar = spacechar + ' ';
  253. //        }
  254. //        $("selectcategoryid").options[i] = new Option(spacechar + cats[i].name, cats[i].categoryid);
  255. //    }
  256. //}