九月, 2009 的归档

  • 前两天刚跟朋友讨论JS预览客户端图片的问题，结论是不能预览。今天在看到这篇文章，才知道我们错了，IE可以用ACTIVEX控制预览，FF也有自己的方法。 原文：http://hi.baidu.com/thinkinginlamp/blog/item/2297a7eff802901cfdfa3c10.html 很久很久以前，那时候还是IE的天下，使用Javascript预览本地图片实现起来非常简单，就是设置一下： document.getElementById(“image”).src = “file:///” + document.getElementById(“input”).value; 不过出于安全的考虑，现在的浏览器都不允许…src = file:///…这样的写法，作为替代，IE可以使用 “DXImageTransform.Microsoft.AlphaImageLoader”滤镜的方式，而Firefox则提供了一个 getAsDataURL方法。 <!-- #preview { width: 270px; height: 129px; } --> <!--[if IE]> <mce:style><! #preview { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image); } -->...

    使用Javascript预览本地图片

    在 2009年09月16日 上发表 | 没有评论
    前两天刚跟朋友讨论JS预览客户端图片的问题，结论是不能预览。今天在看到这篇文章，才知道我们错了，IE可以用ACTIVEX控制预览，FF也有自己的方法。 原文：http://hi.baidu.com/thinkinginlamp/blog/item/2297a7eff802901cfdfa3c10.html 很久很久以前，那时候还是IE的天下，使用Javascript预览本地图片实现起来非常简单，就是设置一下： document.getElementById(“image”).src = “file:///” + document.getElementById(“input”).value; 不过出于安全的考虑，现在的浏览器都不允许…src = file:///…这样的写法，作为替代，IE可以使用 “DXImageTransform.Microsoft.AlphaImageLoader”滤镜的方式，而Firefox则提供了一个 getAsDataURL方法。 <!-- #preview { width: 270px; height: 129px; } --> <!--[if IE]> <mce:style><! #preview { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image); } -->...

    继续阅读...

  • 对于select下拉菜单，大家用得非常多了，但当下拉菜单的选项非常多时，怎么解决呢？比如商品分类、省市县之类的，少则几百多则上千。当然方案是有的，可以弹出层的方式，像51JOB的省市选择和行业选择。这里提供另一种解决方案，即：可筛选的下拉菜单。我把他写在一个jQuery插件中，调用只需一句话即可。 SFilter下载地址：下载 SFilter演示地址：演示 １.下载上面的压缩包首先调用jquery插件和SFilter插件 <script type='text/javascript' src='jquery.js'></script> <script type='text/javascript' src='sfilter.js'></script> <link rel="stylesheet" href='sfilter.css' type="text/css" /> ２.假设有下面的下拉菜单： <select id="test"> <option value="0">所有品牌</option> <option value='70' >A　ABC</option> <option value='191' >A　安泰</option> <option value='428' >A　安吉尔</option> <option...

    原创：可筛选下拉框，jQuery插件SFilter 1.0发布

    在 2009年09月15日 上发表 | 2 条评论
    对于select下拉菜单，大家用得非常多了，但当下拉菜单的选项非常多时，怎么解决呢？比如商品分类、省市县之类的，少则几百多则上千。当然方案是有的，可以弹出层的方式，像51JOB的省市选择和行业选择。这里提供另一种解决方案，即：可筛选的下拉菜单。我把他写在一个jQuery插件中，调用只需一句话即可。 SFilter下载地址：下载 SFilter演示地址：演示 １.下载上面的压缩包首先调用jquery插件和SFilter插件 <script type='text/javascript' src='jquery.js'></script> <script type='text/javascript' src='sfilter.js'></script> <link rel="stylesheet" href='sfilter.css' type="text/css" /> ２.假设有下面的下拉菜单： <select id="test"> <option value="0">所有品牌</option> <option value='70' >A　ABC</option> <option value='191' >A　安泰</option> <option value='428' >A　安吉尔</option> <option...

    继续阅读...

  • 在项目中涉及到动态添加CSS的问题，从网上查下资料，果然有高手写过。 原文：http://blog.csdn.net/pnuts/archive/2009/02/11/3876328.aspx 为了节省代码和写出更兼容的代码，有时我们需要用Javascript动态的增加CSS样式。 IE下，我们可以使用 document.createStyleSheet() 方法；而在非IE浏览器上，就不支持这个方法。可以使用document.styleSheets[0]，但要求网页里必须最少已经加载过一个样式表。 后来我找到以下方法，可以在Firefox、Opera下正常运行： var str_css = “body {font-size:12px;}”; var style = document.createElement(“style”); style.type = “text/css”; style.innerHTML = str_css; document.getElementsByTagName(“HEAD”).item(0).appendChild(style); 但这种方法却在Safari、Chrome下不可行，原因是style.innerHTML不可写。我再找解决方案，发现用textContent代替innerHTML的方法可行。 最后，我发个原创JS动态增加CSS样式的方法，兼容目前流行的任意浏览器： function add_css(str_css) { //Copyright @...

    Javascript动态添加CSS

    在 2009年09月14日 上发表 | 没有评论
    在项目中涉及到动态添加CSS的问题，从网上查下资料，果然有高手写过。 原文：http://blog.csdn.net/pnuts/archive/2009/02/11/3876328.aspx 为了节省代码和写出更兼容的代码，有时我们需要用Javascript动态的增加CSS样式。 IE下，我们可以使用 document.createStyleSheet() 方法；而在非IE浏览器上，就不支持这个方法。可以使用document.styleSheets[0]，但要求网页里必须最少已经加载过一个样式表。 后来我找到以下方法，可以在Firefox、Opera下正常运行： var str_css = “body {font-size:12px;}”; var style = document.createElement(“style”); style.type = “text/css”; style.innerHTML = str_css; document.getElementsByTagName(“HEAD”).item(0).appendChild(style); 但这种方法却在Safari、Chrome下不可行，原因是style.innerHTML不可写。我再找解决方案，发现用textContent代替innerHTML的方法可行。 最后，我发个原创JS动态增加CSS样式的方法，兼容目前流行的任意浏览器： function add_css(str_css) { //Copyright @...

    继续阅读...

  • 一直感觉做浏览器插件是一件非常神奇的事情，今天在blueidea上看了这篇文章后，感觉制作FF插件其实是挺简单的一件事情，先存下文章，以后或许会需要制作插件，备用。 插件下载：blueideasearch.xpi 首先第一步 说一下怎么样查看firefox插件的源码, 就我上边写的那个东西,把它下载下来.将它的扩展名改为zip并解压。会得到一个blueideaserach的文件夹, 这个文件夹中便是我做的这个插件的源码 这个目录中除了 chrome目录   chrome.manifest install.rdf   这三个以外都不是必须的。 chrome.manifest    这个文件中是对所有文件的一个列表. install.rdf              这个是安装信息的描述. chrome目录中放的是主程序. 这个整个目录结构是这样的. blueideasearch—– ——–chrome —–content –overlay.xul –overlay.js ——–chrome.manifest ———install.rdf 也就是说 只要按这个目录结构建好. 并压缩成zip包 改名为xpi   它便可以在firefox中安装了. overlay.xul...

    Firefox扩展插件制作方法

    在 2009年09月11日 上发表 | 没有评论
    一直感觉做浏览器插件是一件非常神奇的事情，今天在blueidea上看了这篇文章后，感觉制作FF插件其实是挺简单的一件事情，先存下文章，以后或许会需要制作插件，备用。 插件下载：blueideasearch.xpi 首先第一步 说一下怎么样查看firefox插件的源码, 就我上边写的那个东西,把它下载下来.将它的扩展名改为zip并解压。会得到一个blueideaserach的文件夹, 这个文件夹中便是我做的这个插件的源码 这个目录中除了 chrome目录   chrome.manifest install.rdf   这三个以外都不是必须的。 chrome.manifest    这个文件中是对所有文件的一个列表. install.rdf              这个是安装信息的描述. chrome目录中放的是主程序. 这个整个目录结构是这样的. blueideasearch—– ——–chrome —–content –overlay.xul –overlay.js ——–chrome.manifest ———install.rdf 也就是说 只要按这个目录结构建好. 并压缩成zip包 改名为xpi   它便可以在firefox中安装了. overlay.xul...

    继续阅读...

  • function getSelectedText() { if (window.getSelection) { return window.getSelection(); } else if (document.selection) { return document.selection.createRange().text; } return ''; }

    获取页面中被选中的内容

    在 2009年09月9日 上发表 | 没有评论
    function getSelectedText() { if (window.getSelection) { return window.getSelection(); } else if (document.selection) { return document.selection.createRange().text; } return ''; }

    继续阅读...

Page 1 of 212