dede5.6联动模型一级二级自适应~

dede5.6联动模型一级二级自适应~

PHP学习日记亮仔何发表留言

解决自定义内容模型中,联动类型只有一级分类时也会出现两个下来菜单的问题,目的在于改善用户体验.
因为普通用户使用时会看到两个下来菜单,即使只有一个菜单有效时,还是有很多用户认为第二个下拉菜单里也需要选择,但是什么也点不出来就一直在那里等待.

效果:

同时提供一个完整文件下载. 请覆盖 /images/ 目录下的同名文件.

文件名 enums.js
修改部分已经做了标注.

  1. <!–
  2. // jim.ma QQ:164186 jim.mail@163.com www.itfly.com
  3. // 2010-12-05 DedeCMS5.6 一级二级菜单自动适应
  5. //选择地区的二级分类(非通用调用)
  6. function selNext(oj, v)
  7. {
  8.     var newobj = oj.options;
  9.     var selv = parseInt(v);
  10.     var maxv = parseInt(v) + 500;
  11.     while(newobj.length > 0) {
  12.         oj.remove(0);
  13.     }
  14.     clear(oj);
  15.     if(selv==0)
  16.     {
  17.         aOption = document.createElement(‘OPTION’);
  18.         aOption.text = ‘具体地区’;
  19.         aOption.value = ‘0’;
  20.         oj.options.add(aOption);
  21.         return;
  22.     }
  23.     else
  24.     {
  25.         aOption = document.createElement(‘OPTION’);
  26.         aOption.text = ‘具体地区’;
  27.         aOption.value = ‘0’;
  28.         oj.options.add(aOption);
  29.     }
  30.     var str = ”;
  31.     for(i=selv+1; i < maxv; i++)
  32.     {
  33.         if(!em_nativeplaces[i]) continue;
  34.         aOption = document.createElement(‘OPTION’);
  35.         aOption.text = em_nativeplaces[i];
  36.         aOption.value = i;
  37.         oj.options.add(aOption);
  38.     }
  39. }
  42. //子类改变事件
  43. function ChangeSon()
  44. {
  45.     var emname = this.name.replace(‘_son’, ”);
  46.     var topSelObj = document.getElementById(emname+’_top’);
  47.     if(this.options[this.selectedIndex].value==0) {
  48.         document.getElementById(‘hidden_’+emname).value = topSelObj.options[topSelObj.selectedIndex].value;
  49.     }
  50.     else {
  51.         document.getElementById(‘hidden_’+emname).value = this.options[this.selectedIndex].value;
  52.     }
  53. }
  55. //顶级类改变事件
  56. function selNextSon()
  57. {
  58.     var emname = this.name.replace(‘_top’, ”);
  59.     if( document.getElementById(emname+’_son’) )
  60.     {
  61.         var oj = document.getElementById(emname + ‘_son’);
  62.     }
  63.     else
  64.     {
  65.         var oj  = document.createElement(‘select’);
  66.         oj.name = emname + ‘_son’;
  67.         oj.id   = emname + ‘_son’;
  68.         oj.onchange = ChangeSon;
  69.     }
  70.     var v = this.options[this.selectedIndex].value;
  71.     document.getElementById(‘hidden_’+emname).value = v;
  72.     var newobj = oj.options;
  73.     var selarr = eval(’em_’+emname+’s’);
  74.     var selv = parseInt(v);
  75.     var maxv = parseInt(v) + 500;
  76.     while(newobj && newobj.length > 0) oj.remove(0);
  77.     clear(oj);
  78.     if(selv==0)
  79.     {
  80.         aOption = document.createElement(‘OPTION’);
  81.         aOption.text = ‘请选择..’;
  82.         aOption.value = ‘0’;
  83.         oj.options.add(aOption);
  84.         return;
  85.     }
  86.     else
  87.     {
  88.         aOption = document.createElement(‘OPTION’);
  89.         aOption.text = ‘请选择..’;
  90.         aOption.value = ‘0’;
  91.         oj.options.add(aOption);
  92.     }
  93.     var str = ”;
  94.     for(i=selv+1; i < maxv; i++)
  95.     {
  96.         if(!selarr[i]) continue;
  97.         aOption = document.createElement(‘OPTION’);
  98.         aOption.text = selarr[i];
  99.         aOption.value = i;
  100.         oj.options.add(aOption);
  101.     }
  102.     document.getElementById(‘span_’+emname+’_son’).appendChild(oj);
  103. }
  106. //————————————-by jim.ma 一级菜单响应
  108. function selNextSon1()
  109. {
  110.     var emname = this.name.replace(‘_top’, ”);
  111.     var v = this.options[this.selectedIndex].value;
  112.     document.getElementById(‘hidden_’+emname).value = v;
  114. }
  115. //————————————EOF
  117. //生成任意的两级选择框
  118. function MakeTopSelect(emname, selvalue)
  119. {
  120.     var selectFormHtml = ”;
  121.     var aOption = null;
  122.     var selObj = document.createElement(“select”);
  123.     selObj.name = emname + ‘_top’;
  124.     selObj.id   = emname + ‘_top’;
  125.     selObj.onchange = selNextSon;
  126.     var selarr = eval(’em_’+emname+’s’);
  127.     var topvalue = 0;
  128.     var sonvalue = 0;
  129.    
  130.     aOption = document.createElement(‘OPTION’);
  131.     aOption.text = ‘请选择..’;
  132.     aOption.value = 0;
  133.     selObj.options.add(aOption);
  135.     if(selvalue%500 == 0 ) {
  136.             topvalue = selvalue;
  137.     }
  138.     else {
  139.             sonvalue = selvalue;
  140.             topvalue = selvalue – (selvalue%500);
  141.     }
  142.    
  143.     var arrlen1=0;//————————————-by jim.ma
  144.     for(i=500; i<=selarr.length; i += 500)
  145.     {
  146.         if(!selarr[i]) continue;
  147.         aOption = document.createElement(‘OPTION’);
  148.         if(i == topvalue) {
  149.             aOption = document.createElement(‘OPTION’);
  150.             aOption.text = selarr[i];
  151.             aOption.value = i;
  152.             selObj.options.add(aOption);            
  153.             aOption.selected = true;
  154.         }
  155.         else {
  156.             aOption = document.createElement(‘OPTION’);
  157.             aOption.text = selarr[i];
  158.             aOption.value = i;
  159.             selObj.options.add(aOption);
  160.         }
  161.         arrlen1++;//————————————-by jim.ma
  162.     }
  163.     document.getElementById(‘span_’+emname).appendChild(selObj);
  164.    
  166.     //————————————-by jim.ma
  167.     var arrlen2 = 0 ;
  168.     for(tv in selarr){
  169.         arrlen2++;
  170.     }
  171.     if(arrlen1 == arrlen2){
  172.         selObj.onchange = selNextSon1;
  173.         return ;
  174.     }
  176.     //————————————-EOF
  181.     //如果子类存在值,创建子类
  182.     //if(sonvalue > 0 || topvalue > 0) {
  183.     selObj = document.createElement(“select”);
  184.     selObj.name = emname + ‘_son’;
  185.     selObj.id   = emname + ‘_son’;
  186.     selObj.onchange = ChangeSon;
  187.     aOption = document.createElement(‘OPTION’);
  188.     aOption.text = ‘请选择..’;
  189.     aOption.value = 0;
  190.     selObj.options.add(aOption);
  191.     //当大类有值输出子类
  192.     if(topvalue > 0)
  193.     {
  194.             var selv = topvalue;
  195.         var maxv = parseInt(topvalue) + 500;
  196.             for(i=selv+1; i < maxv; i++)
  197.             {
  198.                 if(!selarr[i]) continue;
  199.                 aOption = document.createElement(‘OPTION’);
  200.                 if(i == sonvalue) {
  201.                     aOption = document.createElement(‘OPTION’);
  202.                     aOption.text = selarr[i];
  203.                     aOption.value = i;
  204.                     selObj.options.add(aOption);
  205.                     aOption.selected = true;
  206.                 }
  207.                 else {
  208.                     aOption = document.createElement(‘OPTION’);
  209.                     aOption.text = selarr[i];
  210.                     aOption.value = i;
  211.                     selObj.options.add(aOption);
  212.                 }
  213.             }
  214.     }
  215.     document.getElementById(‘span_’+emname+’_son’).appendChild(selObj);
  216. }
  218. //清除旧对象
  219. function clear(o)
  220. {
  221.     l=o.length;
  222.     for (i = 0; i< l; i++){
  223.         o.options[1]=null;
  224.     }
  225. }
  227. –>

复制代码

by jim.ma  2010年12月6日
EOF—————————————————————

留下回复

著作权 © 2024 亮仔何的数据史 - 由 CosmosWP 提供支持