发个选星星打分/投票功能函数
作者:阿当 来源:经典论坛 时间:2008-05-22 12:38:00
看了下传统的方法,觉得不好,太麻烦。自己重写了个,思路比较新。
这个函数的优点是html代码可以很简洁,使用图片也可以很少,只需要两张图片。事件句柄只需要写在img的父容器上即可。演示用的图片我用的是绝对地址,各位在使用的时候改成网站的相对地址就可以了。当我们点击的时候,我用的是个alert事件。事实上,我们会在这个地方用个ajax方法,把相关的参数传到服务器端。只要把alert(this._num+1)写成sendAjax(this._num+1)就可以了。
//====================选星星打分功能=================
function rate(obj,oEvent){
//==================
// 图片地址设置
//==================
var imgSrc = '/file/UploadPic/20085/22/2008522124416586.gif';
var imgSrc_2 = '/file/UploadPic/20085/22/2008522124419196.gif';
//---------------------------------------------------------------------------
if(obj.rateFlag) return;
var e = oEvent || window.event;
var target = e.target || e.srcElement;
var imgArray = obj.getElementsByTagName("img");
for(var i=0;i<imgArray.length;i++){
imgArray[i]._num = i;
imgArray[i].onclick=function(){
if(obj.rateFlag) return;
obj.rateFlag=true;
alert(this._num+1);
};
}
if(target.tagName=="IMG"){
for(var j=0;j<imgArray.length;j++){
if(j<=target._num){
imgArray[j].src=imgSrc_2;
} else {
imgArray[j].src=imgSrc;
}
}
} else {
for(var k=0;k<imgArray.length;k++){
imgArray[k].src=imgSrc;
}
}
}
函数有两个参数,功能如下:
obj: img标签组的父容器,类型为DOM对象;
oEvent: event对象。
标签:打分,投票,函数
0
投稿
猜你喜欢
window安装mysql(zip、noinstall)
2009-10-17 21:10:00
SQL SERVER查询所有数据库名,表名,和字段名的语句
2012-01-05 19:25:26
防止别人iframe的js
2008-09-26 17:19:00
SQL语句 一个简单的字符串分割函数
2011-10-24 20:06:33
一篇jQuery小教程
2007-10-15 12:49:00
如何设置SQL Server数据库全文索引服务
2009-01-13 13:46:00
优化 SQL Server 索引的小技巧
2012-10-07 11:00:07
用SQL语句删除重复记录的四种方法
2011-05-03 09:25:00
很无聊的一个找碴游戏
2008-07-02 13:10:00
asp Access数据备份,还原,压缩类代码
2011-03-07 11:16:00
内容适应形式
2010-03-18 16:09:00
firefox与ie 的javascript区别
2010-03-14 11:30:00
基于关系型数据库引擎的\\XML\\索引技术
2008-09-05 17:13:00
如何使用AspUpload2.0组件?
2010-06-05 12:33:00
网页设计的12种颜色
2011-05-21 08:40:00
ASP 常见对象总结(熟悉一下利用以后的开发使用)
2011-03-07 10:57:00
中英文双语导航菜单
2007-05-11 17:04:00
纯CSS圆角框
2009-12-11 18:57:00
高效率的GetRows()的使用方法
2008-09-23 18:29:00
通过视图修改数据时所应掌握的基本准则
2009-01-07 14:22:00