⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 emoticon-ui.jsp

📁 Jive Forums 论坛源码 v4.2.3
💻 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>&nbsp</td>");
            }
        }
    }
</script>
</tr>
</table>
</div>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -