随身笔记

博客

  • 点击输入框input弹出日期时间框datePicker效果

    js 日期 时间 控件 插件

    点击输入框input弹出日期时间框datePicker效果，这里使用此功能最多的是旅游和酒店方面都需要预定，所以此效果算是常用的。


    datePicker效果下载

  • wordpress怎么把表单内输入的中文逗号自动转换为英文逗号？

    把表单内用户输入的中文逗号即全角字符转换为英文逗号即半角符号，需要使用客户端脚本语言javascript来实现，请看下面的代码：

    [code]//将中文逗号转换为英文逗号 str:待替换的字符
    function ReplaceDot(str)
    {
    var Obj=document.getElementById(str);
    var oldValue=Obj.value;
    while(oldValue.indexOf(“，”)!=-1)//寻找每一个中文逗号，并替换
    {
    Obj.value=oldValue.replace(“，”,”,”);
    oldValue=Obj.value;
    }
    }[/code]
    把这段代码放到JS文件内，在页面内调用该JS文件，或把这段JS写在当前页面内，然后在需要使用的INPUT或textarea内放上这句代码:
    [code]onKeyUp=”ReplaceDot(‘XXXX’)”[/code]
    其中XXXX为input或textarea的name值

  • 让现在的浏览器支持html5标签元素的方法

    让现在的浏览器支持html5标签元素的方法：其实是利用了用JS代码 创建一个未知元素，让样式在 IE 中作用到这个未知的元素上。根据此原理你可以创造自己的html标签。html5新增的标签 其中有一个好处就是 更加语义化。当然更多强大的功能，如果有兴趣可以到 W3C 上去学习。

    [code]<script language=”JavaScript”>
    (function(){
    if(!/*@cc_on!@*/0) return;
    var e = “abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog, eventsource,figure,footer,hgroup,header,mark,menu,meter,nav,output,progress,section,time,video”.split(‘,’),i=0,length=e.length;
    while(i<length){
    document.createElement(e[i++])
    }
    })();
    </script>[/code]

  • input搜索框中文字提示点击消失js效果实现

    [code]<input name=”” type=”text” value=”在懒人建站搜索…” onfocus=”if(this.value==’在懒人建站搜索…’){this.value=”;}”  onblur=”if(this.value==”){this.value=’在懒人建站搜索…’;}” />[/code]

  • 兼容IE6固定定位

    CSS中的 固定定位就是相对于浏览器窗口。当容器的position属性值为fixed时，这个容器就固定在一个位置不会随着滚动条的拖动而变化位置。

    这听起来是很振奋人心的一件事情，很可惜IE6并不支持此属性，可恶的是IE6仍然占据很大的市场份额，怎么办？办法总是有的，利用微软提供的expression方法。如下：
    [code]_POSITION: absolute;
    _TOP: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight);[/code]
    这个 _ 意思是只有IE6才能认出来的意思。