欢迎转载,但请注意,除非特别声明,本站采用许可:署名,非商业。需要联系我可发邮件至
预览模式: 普通 | 列表

软件可用性设计之洗衣店

昨天去洗衣店。
第一次来?
不,第二次。
请问您联系电话的后四位是?
XXXX。
XX先生是吗?
是的。

由于职业的习惯,不由得感叹这个查询条件做得太好了。
四位号码,可以适应一万个客户,再加上0-9这十个键,可以非常轻松地查询10万个客户规模的资料。
最最关键是这个条件容易输入。
如果输入完整的电话号码,比这个差多了,每次都要不必要的多输入数字,来的用户也要多说废话。
如果任意输入几个就可以呢?这样除了把人搞糊涂外,

[阅读全文]

标签: 随笔杂感

练日语听力口语的好教材—大家的日本语

最近三个月一直在断断续续利用这本教材练习听力和口语。
现在还没有达到听了上句能自己接下句的程度,但是效果很显著:P
3月16号JTEST考试之前的计划是把这本教材尽可能搞熟一点儿。

为什么说这本教材好呢?因为它发音标准,中速阅读,这样容易模仿。
学语言的诀窍就是要有一个地道的东西可以模仿,并不一定需要有人和你对话。
嗯,我来日本之前,也老在想,环境环境,其实学习这东西,还是要靠自己训练自己。

那和零散的听力材

[阅读全文]

标签: 日语

人以类聚,物以群分

而我也要抓紧时间去做最急需做的事了。
http://www.hecaitou.net/?p=2612

本博客今后相当长一段时间的主题将是IT技术,软件制造,外语学习。
力争做到像菜头一样勤奋:P
标签: 随笔杂感

十二生肖的日语说法

子鼠: 子(ね)       鼠(ねずみ)       子年(ねどし)     鼠年(ねずみどし)
丑牛: 丑(うし)     牛(うし)     &n

[阅读全文]

标签: 日语

用日语说新年好

あけましておめでとうございます。
新年おめでとうございます。

错误的说法(間違い)
新年あけましておめでとうございます。

Update:
2009-1-2
到过年的时候查用日语说新年好的也多起来了,这里要补充的是
在新年还没有到来时(1月1号之前),一般是说
よいお年を
这是よいお年(とし)を御迎えください的简略说法。
是礼貌的说法,对任何人都可以使用。
意思相当于“过个好年”,“预

[阅读全文]

标签: 日语

jQuery设置Input 的maxlength在IE中无效

用jQuery设置input元素的maxlength在IE6.0中不起作用
$("#username").attr({maxlength:"20",size:"10"});
or
$("#username").attr("maxlength","20");
这个问题早已出现了,并且说是已

[阅读全文]

标签: jQuery FAQ

新年快乐!

祝大家新年快乐!
虽然早已经是2008年了,还是习惯于认为今天是新年的第一天。
春节,对于我来说是一年中最重要的节日。
标签: 随笔杂感

用Javascript在编辑框和TextArea的光标处插入文字

本文提供了用Javascript在input type="text"和TextArea的光标处插入字符串的例子。
Javascript代码如下:
  1. <html>
  2.  <head>
  3.  <title>Test of inserting characters at cursor position</title>
  4.  <script type="text/javascript" src="jquery.pack.js"></script>
  5.  <script>
  6. function setCaret(textObj){
  7.    if(textObj.createTextRange){  
  8.      textObj.caretPos=document.selection.createRange().duplicate();  
  9.    }
  10. }
  11. function insertAtCaret(textObj,textFeildValue){
  12.    if(document.all&&textObj.createTextRange&&textObj.caretPos){     
  13.        var caretPos=textObj.caretPos;    
  14.        caretPos.text=caretPos.text.charAt(caretPos.text.length-1)==''?textFeildValue+'':textFeildValue;
  15.    }else if(textObj.setSelectionRange){      
  16.        var rangeStart=textObj.selectionStart;
  17.        var rangeEnd=textObj.selectionEnd;   
  18.        var tempStr1=textObj.value.substring(0,rangeStart);    
  19.        var tempStr2=textObj.value.substring(rangeEnd);    
  20.        textObj.value=tempStr1+textFeildValue+tempStr2;
  21.        textObj.focus();
  22.        var len=textFeildValue.length;
  23.        textObj.setSelectionRange(rangeStart+len,rangeStart+len);
  24.        textObj.blur();
  25.    }else {
  26.      textObj.value+=textFeildValue;
  27.    }
  28. }
  29. $(document).ready(function(){
  30.     if($.browser.msie){
  31.       $("#tag")
  32.         .click(function(){
  33.           setCaret($(this).get(0));
  34.         })
  35.         .select(function(){
  36.           setCaret($(this).get(0));
  37.         })
  38.         .keyup(function(){
  39.           setCaret($(this).get(0));
  40.         });
  41.         $("#tagA")
  42.         .click(function(){
  43.           setCaret($(this).get(0));
  44.         })
  45.         .select(function(){
  46.           setCaret($(this).get(0));
  47.         })
  48.         .keyup(function(){
  49.           setCaret($(this).get(0));
  50.         });
  51.     }
  52.     $("a.insertTag")
  53.       .click(function(){
  54.         insertAtCaret($("#tag").get(0),$(this).html());
  55.       });
  56.      $("a.insertTagA")
  57.       .click(function(){
  58.         insertAtCaret($("#tagA").get(0),$(this).html());
  59.       });
  60.   });
  61.  </script>
  62.  </head>
  63.  <body>
  64. References:<br/>
  65. http://www.dnew.cn/post/287.htm<br/>
  66. http://blog.vishalon.net/Post/57.aspx
  67.    <div>
  68.      <form>
  69.      <input type="text" id="tag" value="testtesttest" size="50" /><br/>
  70.      <a class="insertTag" href="javascript:void(0)">tag1</a>
  71.      <a class="insertTag" href="javascript:void(0)">tag2</a>
  72.      <br/>
  73.      <textarea id="tagA" style="width:300px;height:120px;" >tttttt tttt</textarea><br/>
  74.      <a class="insertTagA" href="javascript:void(0)">tag3</a>
  75.      <a class="insertTagA" href="javascript:void(0)">tag4</a>
  76.      </form>
  77.    
  78.    </div>
  79.  </body>
  80.  </html>

本代码在IE6.0和Firefox2.0下测试通过,与参考链接的文章相比主要是加进了JQuery并改进了在firefox下不能在同一位置连续插入的问题。
直接下载例子下载文件InsertAtCursorPos.rar (15 KB , 下载:1082次)
参考链接:
http://www.dnew.cn/post/287.htm
http://blog.vishalon.net/Post/57.aspx
标签: Javascript