走走停停看看 » JavaScript http://shawphy.com 关注HTML,CSS,JavaScript,jQuery等前端开发 Mon, 12 Jul 2010 15:45:21 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 json2select http://shawphy.com/2008/12/json2select.html http://shawphy.com/2008/12/json2select.html#comments Sat, 20 Dec 2008 05:57:17 +0000 Shawphy http://shawphy.com/2008/12/json2select.html Continue reading →]]> 这是我之前为了ThinkSNS写的一个小工具。通过json生成无限联动的select。至少要求jQuery 1.2.3 以上，因为我用了data方法。
查看DEMO 源文件 min版

  1. //构建如下json，t为列表框的text,v为列表框的value，s表示子一级对象
  2. var json=[
  3.     {
  4.         t:"欧洲某地",
  5.         v:"欧洲"
  6.     },
  7.     {
  8.         t:"中国某地",
  9.         v:"中国",
  10.         s:[
  11.             {
  12.                 t:"上海",
  13.                 v:"上海"
  14.             },
  15.             {
  16.                 t:"云南某地",
  17.                 v:"云南",
  18.                 s:[
  19.                     {
  20.                         t:"大理",
  21.                         v:"大理"
  22.                     }
  23.                 ]
  24.             }
  25.         ]
  26.     },
  27.     {
  28.         t:"日本某地",
  29.         v:"日本",
  30.         s:[
  31.             {
  32.                 t:"东京",
  33.                 v:"东京"
  34.             },
  35.             {
  36.                 t:"北海道",
  37.                 v:"北海道",
  38.                 s:[
  39.                     {
  40.                         t:"北海道的某个地方",
  41.                         v:"北海道的某个地方"
  42.                     }
  43.                 ]
  44.             }
  45.         ]
  46.     }
  47. ];
  48. //调用即可
  49. $("#selectt").json2select(json,["中国","云南","大理"]);

另外，如果用1.2.1的也想用的话，可以手动提取1.2.6里的data方法，或者简单用下面的模拟一下即可

  1. (function($) {
  2.     $.fn.data=function(key,value) {
  3.         return $.data(this[0],key,value);
  4.     }
  5. })(jQuery);

update:
附： 全国城市数据
并且更新到了 1.0.1版。以前下载的同学可以重新下载一份。

]]> http://shawphy.com/2008/12/json2select.html/feed 9 JavaScript switch case 语句设置范围 http://shawphy.com/2008/07/javascript-switch-case-setting-range.html http://shawphy.com/2008/07/javascript-switch-case-setting-range.html#comments Mon, 07 Jul 2008 20:07:25 +0000 Shawphy http://shawphy.com/?p=65 Continue reading →]]> 不知是否出于什么缘故，我google搜索
javascript switch case 范围
这几个关键字，出来的前几条都是csdn上关于无解的表示。
可能是其他编译型语言中，case后便必须是常量的缘故吧。

后来在一个边角的地方看到某人发帖是VB还是不知道哪个语言中的中实现了switch case语句的范围选择，大家看了下面代码就明白了。

  1. var x=1
  2. switch(true){
  3.     case x>0&&x<10:
  4.         alert(1);break;
  5.     case x>=10&&x<20:
  6.         alert(2);break;
  7. }

看明白啦？就是利用传递给switch的参数设为true，把原来的变量变成常量，常量变变量，逆向思维。巧妙吧？

本来我想出来的办法是这样的，没有上面的好，没有跳出思维定势，也贴出来给大家看看，权当娱乐娱乐了

  1. var x=1
  2. switch(x){
  3.     case (x>0&&x<10)*x:
  4.         alert(1);break;
  5.     case (x>=10&&x<20)*x:
  6.         alert(2);break;
  7. }
]]> http://shawphy.com/2008/07/javascript-switch-case-setting-range.html/feed 3 找出页面内重复的Id http://shawphy.com/2008/07/find-repeat-id.html http://shawphy.com/2008/07/find-repeat-id.html#comments Sat, 05 Jul 2008 16:33:40 +0000 Shawphy http://shawphy.com/?p=62 Continue reading →]]> 今天群里提起这事，
判断页面内是否有重复的id

一种是已知id，看是否有重复。基本上Ctrl+F就能搞定~
但是Robin给出了方法：

  1. function chkid(idname){
  2.     s=0;
  3.     divs = document.getElementsByTagName("*");
  4.     for (i=0; i<divs.length; i++){
  5.         if(divs[i].getAttribute("id")==idname)
  6.             s++;
  7.     }
  8.     alert(s);
  9. }

而后我又在其基础上修改了能够找出页面内所有重复的Id

  1. function chkid(){
  2.     var did={},tmpid;
  3.     divs = document.getElementsByTagName("*");
  4.     for (var i=divs.length-1; i+1; i--){
  5.         (tmpid=divs[i].id)
  6.             &&did[tmpid]===undefined
  7.                 ?did[tmpid]=0
  8.                 :did[tmpid]++;
  9.     }
  10.     for (var i in did) {
  11.         did[i]&&alert("id="+i+"重复了"+(did[i]+1)+"次");
  12.     }
  13. }

比较可靠，兼容ie和ff。
不过一般的html检查器都有这个功能，这个代码又有多大用处呢？呵呵，感觉没有。

]]> http://shawphy.com/2008/07/find-repeat-id.html/feed 0