Archive for 十月, 2010

216种WEB安全色选择器【JS颜色选择器】

星期五, 十月 22nd, 2010

本颜色选择器进筛选出了216种WEB安全色,简单实用、方便快捷。

查看示例:http://www.imf7.com/code/getColor.html

 

使用方法:

js引用:将下面的JS源码存入您的JS文件或者网页的<head><script>JS代码</script></head>标签中

HTML要求:页面的HTML代码中必须包含三个元素,即:触发手柄、显示选中颜色的节点、显示筛选出来的216种颜色的节点
例:
触发手柄 <input type="button" value="按钮选取颜色" id="myhand" />
显示选中颜色的节点 <input type="button" value="#FFFFFF" id="showColor" style="width:120px; background:#fff; border:1px solid #ccc; height:22px;" />
显示筛选出来的216种颜色的节点 <div id="color" style="display:none;"></div>

CSS要求:
然后再将CSS源码放在头部的<head>标签中

引用:满足JS、HTML、CSS的要求后就只剩下引用来让效果生效了
window.onload = function(){
  var Fcolor = new getColor(F$("myhand"), F$("showColor"), F$("color"), "click");
  Fcolor.init();
};
引用解说:
将这段JS与前面说过的JS源码引用之后就可以。
onload函数是起待页面加载完成后执行
getColor()该函数就是取色效果的核心函数,其接受4个参数,依次是:触发手柄节点、显示选中颜色的节点、显示筛选出来的216种颜色的节点、鼠标触发方式『click表示点击弹出颜色选择框』
F$()该函数相当于document.getElementById(); 只是一个辅助函数

(更多…)

js复制内容代码

星期五, 十月 22nd, 2010

复制内容的JS我寻找了有些时候了,自叹技术不行,搞不定全兼容版的,下面是调整出来的一个IE可以复制,其他浏览器提示不能复制后并将要复制的内容全选的效果,希望对大家有帮助。

看下面吧,源码和示例是最有力的说明,我这里就不多说了。

JS代码:

function copyToClipboard(theField,isalert,note) {
// theField copyright内容的节点ID
// isalert 成功后的提示
// note copyright成功后所添加的后缀
  var tempval=document.getElementById(theField);
  if(navigator.appVersion.match(/\bMSIE\b/)){
    therange=tempval.value;
    therange+="\n"+note;
    window.clipboardData.setData(‘text’,therange);
    if(isalert)alert(isalert);
  }else{
    alert("您使用的浏览器不支持此复制功能,请使用Ctrl+C或鼠标右键。");
    tempval.select();
  };
};

(更多…)