www.gusucode.com > 仿51.com的php源码 1.1 > js/face.js
window.onload = function()
{
//document.body.onkeydown = checkback;
//加载表情样式
style = document.createElement('link');
style.type = "text/css";
style.rel = "stylesheet";
style.href = "../i/skin/1/face.css";
document.body.appendChild(style);
}
function getObject(id)
{
if(document.getElementById)
{
return document.getElementById(id);
}
else if(document.all)
{
return document.all[id];
}
else if(document.layers)
{
return document.layers[id];
}
}
var faceCode = "<div id=face1 onclick=\"hiddenFace();\"></div> <div id=face2> <img title=\"大笑\" onclick=\"insert('1.gif')\" src=\"http://pic.51.com/user/face/1.gif\"><img title=\"微笑\" onclick=\"insert('2.gif')\" src=\"http://pic.51.com/user/face/2.gif\"><img title=\"亲亲\" onclick=\"insert('3.gif')\" src=\"http://pic.51.com/user/face/3.gif\"><img title=\"抱抱\" onclick=\"insert('4.gif')\" src=\"http://pic.51.com/user/face/4.gif\"><img title=\"好羡慕哦\" onclick=\"insert('5.gif')\" src=\"http://pic.51.com/user/face/5.gif\"><img title=\"好失望哦\" onclick=\"insert('6.gif')\" src=\"http://pic.51.com/user/face/6.gif\"><img title=\"好困哦\" onclick=\"insert('7.gif')\" src=\"http://pic.51.com/user/face/7.gif\"><img title=\"害羞\" onclick=\"insert('8.gif')\" src=\"http://pic.51.com/user/face/8.gif\"><img title=\"我酷吧\" onclick=\"insert('9.gif')\" src=\"http://pic.51.com/user/face/9.gif\"><img title=\"晕倒了\" onclick=\"insert('10.gif')\" src=\"http://pic.51.com/user/face/10.gif\"><img title=\"眨眼\" onclick=\"insert('11.gif')\" src=\"http://pic.51.com/user/face/11.gif\"><img title=\"做鬼脸\" onclick=\"insert('12.gif')\" src=\"http://pic.51.com/user/face/12.gif\"><img title=\"小声点\" onclick=\"insert('13.gif')\" src=\"http://pic.51.com/user/face/13.gif\"><img title=\"吃惊\" onclick=\"insert('14.gif')\" src=\"http://pic.51.com/user/face/14.gif\"><img title=\"翻白眼\" onclick=\"insert('15.gif')\" src=\"http://pic.51.com/user/face/15.gif\"><img title=\"干杯\" onclick=\"insert('16.gif')\" src=\"http://pic.51.com/user/face/16.gif\"><img title=\"困惑\" onclick=\"insert('17.gif')\" src=\"http://pic.51.com/user/face/17.gif\"><img title=\"思考\" onclick=\"insert('18.gif')\" src=\"http://pic.51.com/user/face/18.gif\"><img title=\"该睡觉了\" onclick=\"insert('19.gif')\" src=\"http://pic.51.com/user/face/19.gif\"><img title=\"再见了\" onclick=\"insert('20.gif')\" src=\"http://pic.51.com/user/face/20.gif\"><img title=\"伤心死了\" onclick=\"insert('21.gif')\" src=\"http://pic.51.com/user/face/21.gif\"><img title=\"你好讨厌哦\" onclick=\"insert('22.gif')\" src=\"http://pic.51.com/user/face/22.gif\"><img title=\"吐你一身\" onclick=\"insert('23.gif')\" src=\"http://pic.51.com/user/face/23.gif\"><img title=\"怒骂\" onclick=\"insert('24.gif')\" src=\"http://pic.51.com/user/face/24.gif\"><img title=\"闭嘴\" onclick=\"insert('25.gif')\" src=\"http://pic.51.com/user/face/25.gif\"><img title=\"打你\" onclick=\"insert('26.gif')\" src=\"http://pic.51.com/user/face/26.gif\"><img title=\"我真的生气了\" onclick=\"insert('27.gif')\" src=\"http://pic.51.com/user/face/27.gif\"><img title=\"真棒\" onclick=\"insert('28.gif')\" src=\"http://pic.51.com/user/face/28.gif\"><img title=\"不怎么样啊\" onclick=\"insert('29.gif')\" src=\"http://pic.51.com/user/face/29.gif\"><img title=\"活力四射\" onclick=\"insert('30.gif')\" src=\"http://pic.51.com/user/face/30.gif\"><img title=\"我心碎了\" onclick=\"insert('31.gif')\" src=\"http://pic.51.com/user/face/31.gif\"><img title=\"我心永恒\" onclick=\"insert('32.gif')\" src=\"http://pic.51.com/user/face/32.gif\"><img title=\"热吻\" onclick=\"insert('33.gif')\" src=\"http://pic.51.com/user/face/33.gif\"><img title=\"玫瑰凋谢了\" onclick=\"insert('34.gif')\" src=\"http://pic.51.com/user/face/34.gif\"><img title=\"玫瑰开放了\" onclick=\"insert('35.gif')\" src=\"http://pic.51.com/user/face/35.gif\"><img title=\"生日快乐\" onclick=\"insert('36.gif')\" src=\"http://pic.51.com/user/face/36.gif\"><img title=\"送给你礼物\" onclick=\"insert('37.gif')\" src=\"http://pic.51.com/user/face/37.gif\"><img title=\"吃个苹果\" onclick=\"insert('38.gif')\" src=\"http://pic.51.com/user/face/38.gif\"><img title=\"吃个西瓜\" onclick=\"insert('39.gif')\" src=\"http://pic.51.com/user/face/39.gif\"><img title=\"来杯咖啡\" onclick=\"insert('40.gif')\" src=\"http://pic.51.com/user/face/40.gif\"><img title=\"踢球\" onclick=\"insert('41.gif')\" src=\"http://pic.51.com/user/face/41.gif\"><img title=\"电话\" onclick=\"insert('42.gif')\" src=\"http://pic.51.com/user/face/42.gif\"><img title=\"小星星\" onclick=\"insert('43.gif')\" src=\"http://pic.51.com/user/face/43.gif\"><img title=\"小精灵\" onclick=\"insert('44.gif')\" src=\"http://pic.51.com/user/face/44.gif\"><img title=\"小丑\" onclick=\"insert('45.gif')\" src=\"http://pic.51.com/user/face/45.gif\"><img title=\"愤怒\" onclick=\"insert('46.gif')\" src=\"http://pic.51.com/user/face/46.gif\"><img title=\"生病了\" onclick=\"insert('47.gif')\" src=\"http://pic.51.com/user/face/47.gif\"><img title=\"可爱\" onclick=\"insert('48.gif')\" src=\"http://pic.51.com/user/face/48.gif\"><img title=\"小心非典\" onclick=\"insert('49.gif')\" src=\"http://pic.51.com/user/face/49.gif\"><img title=\"嘴馋\" onclick=\"insert('50.gif')\" src=\"http://pic.51.com/user/face/50.gif\"><img title=\"警察\" onclick=\"insert('51.gif')\" src=\"http://pic.51.com/user/face/51.gif\"><img title=\"狂抓\" onclick=\"insert('52.gif')\" src=\"http://pic.51.com/user/face/52.gif\"><img title=\"悲伤\" onclick=\"insert('53.gif')\" src=\"http://pic.51.com/user/face/53.gif\"><img title=\"流汗\" onclick=\"insert('54.gif')\" src=\"http://pic.51.com/user/face/54.gif\"><img title=\"思考\" onclick=\"insert('55.gif')\" src=\"http://pic.51.com/user/face/55.gif\"><img title=\"见钱眼开\" onclick=\"insert('56.gif')\" src=\"http://pic.51.com/user/face/56.gif\"><img title=\"咧嘴\" onclick=\"insert('57.gif')\" src=\"http://pic.51.com/user/face/57.gif\"><img title=\"晕头转向\" onclick=\"insert('58.gif')\" src=\"http://pic.51.com/user/face/58.gif\"><img title=\"好好爱你哟\" onclick=\"insert('59.gif')\" src=\"http://pic.51.com/user/face/59.gif\"><img title=\"猪头\" onclick=\"insert('60.gif')\" src=\"http://pic.51.com/user/face/60.gif\"><img title=\"便便\" onclick=\"insert('61.gif')\" src=\"http://pic.51.com/user/face/61.gif\"><img title=\"夜深了\" onclick=\"insert('62.gif')\" src=\"http://pic.51.com/user/face/62.gif\"><img title=\"音乐\" onclick=\"insert('63.gif')\" src=\"http://pic.51.com/user/face/63.gif\"><img title=\"吃饭\" onclick=\"insert('64.gif')\" src=\"http://pic.51.com/user/face/64.gif\"><img title=\"真衰\" onclick=\"insert('65.gif')\" src=\"http://pic.51.com/user/face/65.gif\"><img title=\"嘲笑\" onclick=\"insert('66.gif')\" src=\"http://pic.51.com/user/face/66.gif\"><img title=\"下雨啦\" onclick=\"insert('67.gif')\" src=\"http://pic.51.com/user/face/67.gif\"><img title=\"猫猫\" onclick=\"insert('68.gif')\" src=\"http://pic.51.com/user/face/68.gif\"><img title=\"狗狗\" onclick=\"insert('69.gif')\" src=\"http://pic.51.com/user/face/69.gif\"><img title=\"骷髅\" onclick=\"insert('70.gif')\" src=\"http://pic.51.com/user/face/70.gif\"><img title=\"书呆子\" onclick=\"insert('71.gif')\" src=\"http://pic.51.com/user/face/71.gif\"><img title=\"太阳\" onclick=\"insert('72.gif')\" src=\"http://pic.51.com/user/face/72.gif\"><img title=\"邮件\" onclick=\"insert('73.gif')\" src=\"http://pic.51.com/user/face/73.gif\"><img title=\"男孩\" onclick=\"insert('74.gif')\" src=\"http://pic.51.com/user/face/74.gif\"><img title=\"女孩\" onclick=\"insert('75.gif')\" src=\"http://pic.51.com/user/face/75.gif\"><img title=\"电视\" onclick=\"insert('76.gif')\" src=\"http://pic.51.com/user/face/76.gif\"><img title=\"雨伞\" onclick=\"insert('77.gif')\" src=\"http://pic.51.com/user/face/77.gif\"><img title=\"电影\" onclick=\"insert('78.gif')\" src=\"http://pic.51.com/user/face/78.gif\"><img title=\"时钟\" onclick=\"insert('79.gif')\" src=\"http://pic.51.com/user/face/79.gif\"><img title=\"灯泡\" onclick=\"insert('80.gif')\" src=\"http://pic.51.com/user/face/80.gif\"><img onclick=\"insert('81.gif')\" src=\"http://pic.51.com/user/face/81.gif\" ><img onclick=\"insert('82.gif')\" src=\"http://pic.51.com/user/face/82.gif\" ><img onclick=\"insert('83.gif')\" src=\"http://pic.51.com/user/face/83.gif\" ><img onclick=\"insert('84.gif')\" src=\"http://pic.51.com/user/face/84.gif\" ><img onclick=\"insert('85.gif')\" src=\"http://pic.51.com/user/face/85.gif\" ><img onclick=\"insert('86.gif')\" src=\"http://pic.51.com/user/face/86.gif\" ><img onclick=\"insert('87.gif')\" src=\"http://pic.51.com/user/face/87.gif\" ><img onclick=\"insert('88.gif')\" src=\"http://pic.51.com/user/face/88.gif\" ><img onclick=\"insert('89.gif')\" src=\"http://pic.51.com/user/face/89.gif\" ><img onclick=\"insert('90.gif')\" src=\"http://pic.51.com/user/face/90.gif\" ><img onclick=\"insert('91.gif')\" src=\"http://pic.51.com/user/face/91.gif\" ><img onclick=\"insert('92.gif')\" src=\"http://pic.51.com/user/face/92.gif\" ><img onclick=\"insert('93.gif')\" src=\"http://pic.51.com/user/face/93.gif\" ><img onclick=\"insert('94.gif')\" src=\"http://pic.51.com/user/face/94.gif\" ><img onclick=\"insert('95.gif')\" src=\"http://pic.51.com/user/face/95.gif\" ><img onclick=\"insert('96.gif')\" src=\"http://pic.51.com/user/face/96.gif\" ><img onclick=\"insert('97.gif')\" src=\"http://pic.51.com/user/face/97.gif\" ><img onclick=\"insert('98.gif')\" src=\"http://pic.51.com/user/face/98.gif\" ><img onclick=\"insert('99.gif')\" src=\"http://pic.51.com/user/face/99.gif\" ><img onclick=\"insert('100.gif')\" src=\"http://pic.51.com/user/face/100.gif\" ></div>"
var faceObj; //表情显示层对象
var inputObj; //插入表情的输入框对象
//放大图片
var canPopup=false;
try
{
var oPopup=window.createPopup();
canPopup=true;
}
catch(e)
{
canPopup=false;
}
function showFullPic(num)
{
if(canPopup){
var popWidth=60,popHeight=50;
var newxx=event.screenX+5;
var newyy=event.screenY+5;
oPopup.document.body.innerHTML="<table width='100%' height='100%' border=1 style='border-collapse: collapse;'><tr><td width=100% height=100% align='center' valign='middle'><img src='../User/face/"+num+".gif' ></td></tr></table>";
oPopup.show(newxx,newyy,popWidth,popHeight);
}
}
function hideFullPic()
{
if(canPopup){
oPopup.hide();
}
}
//插入表情
function insert(u)
{
doInsert("[img]"+u, "[/img]", false);
hiddenFace();
}
function doInsert(ibTag, ibClsTag, isSingle)
{
var isClose = false;
if(inputObj.isTextEdit)
{
inputObj.focus();
var sel = document.selection;
var rng = sel.createRange();
rng.collapse;
if((sel.type == "Text" || sel.type == "None") && rng != null)
{
if(ibClsTag != "" && rng.text.length > 0)
ibTag += rng.text + ibClsTag;
else if(isSingle)
isClose = true;
else
ibTag+=ibClsTag;
rng.text = ibTag;
}
}
else
{
if(isSingle) isClose = true;
inputObj.value += ibTag;
}
inputObj.focus();
return isClose;
}
//显示表情框
function showFace(face_div_id,input_id)
{
faceObj = getObject(face_div_id);
inputObj = getObject(input_id);
if(faceObj.innerHTML == '')
{
faceObj.innerHTML = faceCode;
}
faceObj.style.pixelLeft = event.clientX + document.documentElement.scrollLeft + 40;
faceObj.style.pixelTop = event.clientY + document.documentElement.scrollTop - 10;
if(faceObj.style.pixelTop + 300 > document.documentElement.scrollHeight)
{
faceObj.style.pixelTop = document.documentElement.scrollHeight - 300;
}
if(faceObj.style.pixelLeft + 300 > document.documentElement.scrollWidth)
{
faceObj.style.pixelLeft = document.documentElement.scrollWidth - 300;
}
//modify by Viva 可以开关 2006-5-20 17:53
if (faceObj.style.display=='none'){
faceObj.style.display="";
inputObj.focus();
}else{
hiddenFace();
}
}
//隐藏表情框
function hiddenFace()
{
faceObj.style.display="none";
inputObj.focus();
}