JavaScript | 银子’s 博客

更多日志: 1 2 3 ... 5 ►

上传图片附件显示缩略图

2008-04-28
分类：JavaScript, XHTML+CSS
作者：银子
101 次查看

刚开始以为很容易解决.写js嘛..-_,-+

< i nput type="file" onchange="document.getElementById('showimg').src=this.value;" />

然而本地测试成功的代码上传到服务器上就出现了错误..空格被自动转义成为了%20

无语ing….囧..

不过总算找到一个BT的方法..用CSS中的AlphaImageLoader滤镜 -_!!

AlphaImageLoader滤镜的使用方法就不做说明..自己查下手册

AlphaImageLoader滤镜的src属就是其中的主角它将使用绝对或相对url地址指定背景图像。假如忽略此参数，滤镜将不会作用。

放出代码

全文阅读 »

Tags : 上传图片, 缩略图, 附件

JS常用代码:五行搞定checkbox全选/全不选

2008-04-9
分类：JavaScript
作者：银子
171 次查看

经常会用到的JS代码.记录一下.以后用得着

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
p {margin:0;font-size:12px;line-height:26px;}
</style>
<script type="text/javascript">
function check_all(obj,cName)
{
var checkboxs = document.getElementsByName(cName);
for(var i=0;i<checkboxs.length;i++){checkboxs[i].checked = obj.checked;}
}
</script>
</head>
<body>
<p><input type="checkbox" name="all" onclick="check_all(this,'c')" />全选/全不选</p>
<p><input type="checkbox" name="c" value="" /></p>
<p><input type="checkbox" name="c" value="" /></p>
<p><input type="checkbox" name="c" value="" /></p>
<p><input type="checkbox" name="c" value="" /></p>
</body>
</html>

Tags : checkbox, checked, 全不选, 全选

仿WINODWS警告提示Firefox广告

2008-03-3
分类：JavaScript
作者：银子
236 次查看

不知道效果如何,先挂在自己的表情站上试试,毕竟google广告里最有价值的还是Firefox的广告推荐了

实现代码如下：

先在 < body > 后加上这么一段

<div id="firefox">
<a href="/firefox/" target="_new">还在用过时的IE浏览器？远离网络病毒,木马,恶意软件的入侵攻击,强烈建议下载安装【最快.最安全】的浏览器：火狐Firefox2.0</a>
<img src="close.gif" id="foxclose" />
</div>
<script type="text/javascript" src="firefox.js"></script>

CSS部分:

#firefox {
height:25px;
width:100%;
background:url(warning.gif) no-repeat 8px 3px #ffb;
border-bottom:1px solid #ffdb4d;
line-height:25px;
display:none;
}
#firefox a {
color:#52271d;
float:left;
margin-left:170px;
}
#firefox img {
dispaly:block;
float:right;
margin:7px 6px 0 0;
cursor:pointer;
}

全文阅读 »

Tags : FireFox, warning, windows

JS存档:insertAfter()函数

2008-03-1
分类：JavaScript
作者：银子
785 次查看

insertAfter(newElement, targetElement)
newElement 创建的新元素
targetElement 插入到这个元素之后

JS没有内置这个函数真是不方便呐.存档方便今后查找

function insertAfter(newElement, targetElement)
{
var parent = targetElement.parentNode;
if(parent.lastChild == targetElement)
{
parent.appendChild(newElement);
}
else
{
parent.insertBefore(newElement, targetElement.nextSibling);
}
}

Tags : DOM, function, insertAfter, 插入函数

JS中文字符串转换unicode编码函数

2008-03-1
分类：Ajax, JavaScript
作者：银子
394 次查看

AJAX传递中文字符串时必须把中文字符串编码成unicode,一般会用到JS的自带函数escape().不过找到了更好的函数来确决中文字符转换成unicode编码的函数

function uniencode(text)
{
text = escape(text.toString()).replace(/\+/g, "%2B");
var matches = text.match(/(%([0-9A-F]{2}))/gi);
if (matches)
{
for (var matchid = 0; matchid < matches.length; matchid++)
{
var code = matches[matchid].substring(1,3);
if (parseInt(code, 16) >= 128)
{
text = text.replace(matches[matchid], '%u00' + code);
}
}
}
text = text.replace('%25', '%u0025');
return text;
}

当然服务器端要对编码过的字符串进行第二次转码.把字符串转换成UTF-8编码.

全文阅读 »

Tags : unicode, utf8, 中文字符串, 函数, 转换

更多日志: 1 2 3 ... 5 ►

浏览最多的10篇日志

评论最多的10篇日志

随机显示的10篇日志