📄 emoticon-ui.jsp
字号:
<%@ taglib uri="jivetags" prefix="jive" %>
<html>
<head>
<title><jive:i18n key="emoticon.emoticons" /></title>
<script type="text/javascript" src="../../popups/popup.js"></script>
<script type="text/javascript">
window.resizeTo(220, 220);
function Init() {
__dlg_init();
var param = window.dialogArguments;
if (param) {
document.getElementById("f_url").value = param["f_url"];
}
};
function onOK(url) {
// pass data back to the calling window
var param = new Object();
param["f_url"] = url;
__dlg_close(param);
return false;
};
function onCancel() {
__dlg_close(null);
return false;
};
var images = [
"angry.gif", "blush.gif", "confused.gif", "cool.gif", "cry.gif",
"devil.gif", "grin.gif", "happy.gif", "laugh.gif",
"love.gif", "mischief.gif", "plain.gif", "sad.gif",
"shocked.gif", "silly.gif", "wink.gif"
];
var altext= [
"X-(", ":8}", "?:|", "B-)", ":_|",
"]:)", ":D", ":)", ":^O",
":x", ";\\", ":|", ":(",
":O", ":p", ";)"
];
</script>
<style type="text/css">
html, body {
background: ButtonFace;
color: ButtonText;
font: 11px Tahoma,Verdana,sans-serif;
margin: 0px;
padding: 0px;
}
body { padding: 5px; }
.emoticons .emoticon {
background: ButtonFace;
color: ButtonText;
border: 1px solid ButtonFace;
padding: 1px;
margin: 0px;
width: 16px;
height: 16px;
}
.emoticons .emoticonActive {
padding: 1px;
width: 16px;
height: 16px;
border: 1px solid;
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}
.emoticons .emoticonPressed {
padding: 1px;
width: 16px;
height: 16px;
border: 1px solid;
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}
.space { padding: 2px; }
.title { background: #ddf; color: #000; font-weight: bold; font-size: 120%; padding: 3px 10px; margin-bottom: 10px;
border-bottom: 1px solid black; letter-spacing: 2px;
}
</style>
</head>
<body>
<div class="title"><jive:i18n key="emoticon.select_emoticon" /></div>
<div class="emoticons">
<table cellspacing="5" cellpadding="5" border="0">
<tr>
<script type="text/javascript">
for (var i in images) {
var html = "<td><a title=\"" + altext[i] + "\" onMouseDown=\"onOK('images/emoticons/" + images[i] + "');\"";
html += "><img class=\"emoticon\" src=\"../../../images/emoticons/" + images[i] + "\" alt='' ";
html += "onMouseOver=\"this.className='emoticonActive'\" ";
html += "onMouseOut=\"this.className='emoticon'\" ";
html += "onMouseDown=\"this.className='emoticonPressed'\" /></a></td>";
if (i == 4 || i == 9 || i == 14 || i == 19) {
html += "</tr><tr>";
}
document.write(html);
// add blank td's as needed
if (i == images.length - 1) {
var incr = i + 1;
var c = 5 - (incr % 5);
for (var t=0; t<c; t++) {
document.write("<td> </td>");
}
}
}
</script>
</tr>
</table>
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -