本文实例讲述了discuz表情的JS提取方法。分享给大家供大家参考,具体如下:
discuz将应用的表情生成了一个js文件,在forumdata/cache/下,叫smilies_var.js,这个文件是根据后台数据库 生成的一个表情数组,里面有两个数组,一个是表情名称和所在目录的数组smilies_type,一个是表情图片名和代码的数组 smilies_array,这些都是更新缓存的时候自己读数据库生成的,所以后台的改动一样会改动到它。
论坛快速回复的表情是一个弹出层,虽然已经很不错,但仍然会增加用户的操作复杂度,因此需要将它移出来,放在边上,就向下图:
既然论坛已经将表情的数据以数组的形式放在了JS文件里,那要实现这个功能,其实就是一个操作数组的问题了,再上一些简单的翻页,换表情,点击表情 输出到文本框里就行了。那现在就在拆分一下,从图上就可以看出,表情部分一共分成了3块,1、表情种类(表情名称),2、表情列表,3、分页。
看看smilies_var.js里对表情种类的数组
它其实就是一个2维数组,要像图上那样做,可以这样做:
"+smilies_type[a][0]+"");
}else{
document.write(""+smilies_type[a][0]+" ");
}
}
}
}
其中的ftab()和loadsmilies()函数都先可以不管,i这个变量是用来确认第一个表情类型的,好给表现层加上当前示意。
表情图片的数组处理方式其实和类型是一样,只是可能不只2维了,具体的处理程序如下:
"; } } } restr=restr+"