留言板界面，一个类似发送QQ表情的功能

.NET技术 > ASP.NET
收藏 回复
[问题点数：100分，结帖人XUXU_dragon]
更多帖子
私信 空间 博客
XUXU_dragon
等级
本版专家分：118
结帖率 100%
asp.net
想做这样一个留言板，当用户点击留言板上的一些QQ表情时，编辑区显示点中了的QQ表情。

显示留言的时候也要把显示出来QQ表情，（也就是和QQ上发送接收QQ一样的效果）


各位大虾，小弟没有一点头绪，要用到些什么控件啊，急,小弟在此谢过了
只看楼主 引用 举报 楼主 收起
展开阅读全文
更多帖子
私信 空间 博客
zyug
等级
本版专家分：17008
fckeditor...

只看TA 引用 举报 #1得分 0
更多帖子
私信 空间 博客
zhaozhijun0207
等级
本版专家分：4214
引用 1 楼 zyug 的回复:
fckeditor...
难道就不能详细点点么?
只看TA 引用 举报 #2得分 0
更多帖子
私信 空间 博客
XUXU_dragon
等级
本版专家分：118
FCKeditori 不行的，不是我想要的

只看TA 引用 举报 #3得分 0
更多帖子
私信 空间 博客
shankaipingo
等级
本版专家分：4173
用简单的javascript+DIV就可以实现呀
只看TA 引用 举报 #4得分 0
更多帖子
私信 空间 博客
XUXU_dragon
等级
本版专家分：118
如下这样的话，只能在txtContent中显示出点中了的表情的图片名字，并不能显示图片，因为txtContent是texBox，

而且显示的时候，也要显示图片，如何实现呢？小弟做到这里就卡住了，各位帮帮忙！


 
function checkimg(i) {

            document.getElementById("txtContent").innerText += "[face=" + i + "]";

        }  





<table><tr><td>

<img src="Image/face0.gif"  onclick="checkimg(0)" />

                      <img src="Image/face1.gif"  onclick="checkimg(1)"/>

                      <img src="Image/face2.gif" onclick="checkimg(2)" /> 

                      <img src="Image/face3.gif" onclick="checkimg(3)"/>

                      <img src="Image/face4.gif" onclick="checkimg(4)"/>

                      <img src="Image/face5.gif" onclick="checkimg(5)"/>

                      <img src="Image/face6.gif" onclick="checkimg(6)"/>

                      <img src="Image/face7.gif" onclick="checkimg(7)"/>

                      <img src= "Image/face8.gif" onclick="checkimg(8)"/>

                      <img src= "Image/face9.gif" onclick="checkimg(9)"/>

                      <img src= "Image/face10.gif"onclick="checkimg(10)" />

                      <img src= "Image/face11.gif" onclick="checkimg(11)"/>

                      <img src= "Image/face12.gif" onclick="checkimg(12)"/>

                      <img src= "Image/face13.gif"onclick="checkimg(13)" />

                      <br />

                      <img src="Image/face14.gif" onclick="checkimg(14)"/>

                      <img src="Image/face15.gif" onclick="checkimg(15)"/>

                      <img src="Image/face16.gif" onclick="checkimg(16)"/>

                      <img src="Image/face17.gif" onclick="checkimg(17)"/>

                      <aimg src="Image/face18.gif" onclick="checkimg(18)"/>

                      <img src="Image/face19.gif" onclick="checkimg(19)"/>

                      <img src="Image/face20.gif" onclick="checkimg(20)"/>

                      <img src="Image/face21.gif" onclick="checkimg(21)"/>

                      <img src="Image/face22.gif" onclick="checkimg(22)"/>

                      <img src="Image/face23.gif" onclick="checkimg(23)"/>

                      <img src="Image/face24.gif" onclick="checkimg(24)"/>

                      <img src="Image/face25.gif" onclick="checkimg(25)"/>

                      <img src="Image/face26.gif" onclick="checkimg(26)"/>

                      <img  src="Image/face27.gif" onclick="checkimg(27)"/>

                      <img src= "Image/face12.gif"onclick="checkimg(13)" />

                      <br />

                      <img src="Image/face28.gif" onclick="checkimg(28)" />

                      <img src="Image/face29.gif" onclick="checkimg(29)"/>

                      <img src="Image/face30.gif" onclick="checkimg(30)"/>

                      <img src="Image/face31.gif" onclick="checkimg(31)"/>

                      <img src="Image/face32.gif" onclick="checkimg(32)"/>

                      <img src="Image/face33.gif" onclick="checkimg(33)"/>

                      <img src="Image/face34.gif" onclick="checkimg(34)"/>

                      <img src="Image/face35.gif" onclick="checkimg(35)"/>

                      <img src="Image/face36.gif" onclick="checkimg(36)"/>

                      <img src="Image/face37.gif" onclick="checkimg(37)"/>

                      <img src="Image/face38.gif" onclick="checkimg(38)"/>

                      <img src="Image/face39.gif" onclick="checkimg(39)"/>

                      <img src="Image/face40.gif" onclick="checkimg(40)"/>

                      <img src="Image/face41.gif" onclick="checkimg(41)"/>

</td></tr></table>


只看TA 引用 举报 #5得分 0
更多帖子
私信 空间 博客
熊猫贩子
等级
本版专家分：9042
用DotNetTextBox，可以在选择时显示图片
只看TA 引用 举报 #6得分 20
更多帖子
私信 空间 博客
熊猫贩子
等级
本版专家分：9042
http://dl2.csdn.net/fd.php?i=30452697558589&s=1b7b758f16ba5520bafd14082ead38df
只看TA 引用 举报 #7得分 30
更多帖子
私信 空间 博客
版主
加油馒头
等级
本版专家分：5747
实际上原理就是 图片超链接了

用JS控制下
只看TA 引用 举报 #8得分 0
更多帖子
私信 空间 博客
版主
加油馒头
等级
本版专家分：5747
引用 5 楼 xuxu_dragon 的回复:
如下这样的话，只能在txtContent中显示出点中了的表情的图片名字，并不能显示图片，因为txtContent是texBox，

 而且显示的时候，也要显示图片，如何实现呢？小弟做到这里就卡住了，各位帮帮忙！


HTML codefunction checkimg(i) {
            document.getElementById("txtContent").innerText += "[face=" + i + "]";
        }<table><tr><td><imgsrc="Image/face0.gif"  onclick="checkimg(0)"/><imgsrc="Image/face1.gif"  onclick="checkimg(1)"/><imgsrc="Image/face2.gif" onclick="checkimg(2)"/><imgsrc="Image/face3.gif" onclick="checkimg(3)"/><imgsrc="Image/face4.gif" onclick="checkimg(4)"/><imgsrc="Image/face5.gif" onclick="checkimg(5)"/><imgsrc="Image/face6.gif" onclick="checkimg(6)"/><imgsrc="Image/face7.gif" onclick="checkimg(7)"/><imgsrc= "Image/face8.gif" onclick="checkimg(8)"/><imgsrc= "Image/face9.gif" onclick="checkimg(9)"/><imgsrc= "Image/face10.gif"onclick="checkimg(10)"/><imgsrc= "Image/face11.gif" onclick="checkimg(11)"/><imgsrc= "Image/face12.gif" onclick="checkimg(12)"/><imgsrc= "Image/face13.gif"onclick="checkimg(13)"/><br/><imgsrc="Image/face14.gif" onclick="checkimg(14)"/><imgsrc="Image/face15.gif" onclick="checkimg(15)"/><imgsrc="Image/face16.gif" onclick="checkimg(16)"/><imgsrc="Image/face17.gif" onclick="checkimg(17)"/><aimgsrc="Image/face18.gif" onclick="checkimg(18)"/><imgsrc="Image/face19.gif" onclick="checkimg(19)"/><imgsrc="Image/face20.gif" onclick="checkimg(20)"/><imgsrc="Image/face21.gif" onclick="checkimg(21)"/><imgsrc="Image/face22.gif" onclick="checkimg(22)"/><imgsrc="Image/face23.gif" onclick="checkimg(23)"/><imgsrc="Image/face24.gif" onclick="checkimg(24)"/><imgsrc="Image/face25.gif" onclick="checkimg(25)"/><imgsrc="Image/face26.gif" onclick="checkimg(26)"/><imgsrc="Image/face27.gif" onclick="checkimg(27)"/><imgsrc= "Image/face12.gif"onclick="checkimg(13)"/><br/><imgsrc="Image/face28.gif" onclick="checkimg(28)"/><imgsrc="Image/face29.gif" onclick="checkimg(29)"/><imgsrc="Image/face30.gif" onclick="checkimg(30)"/><imgsrc="Image/face31.gif" onclick="checkimg(31)"/><imgsrc="Image/face32.gif" onclick="checkimg(32)"/><imgsrc="Image/face33.gif" onclick="checkimg(33)"/><imgsrc="Image/face34.gif" onclick="checkimg(34)"/><imgsrc="Image/face35.gif" onclick="checkimg(35)"/><imgsrc="Image/face36.gif" onclick="checkimg(36)"/><imgsrc="Image/face37.gif" onclick="checkimg(37)"/><imgsrc="Image/face38.gif" onclick="checkimg(38)"/><imgsrc="Image/face39.gif" onclick="checkimg(39)"/><imgsrc="Image/face40.gif" onclick="checkimg(40)"/><imgsrc="Image/face41.gif" onclick="checkimg(41)"/></td></tr></table>


这个可以
只看TA 引用 举报 #9得分 50
更多帖子
私信 空间 博客
阿彪兄
等级
本版专家分：5964
感觉9楼的方法就差不多了
只看TA 引用 举报 #10得分 0
1 2
收起
收藏 回复
XUXU_dragon

等级：

关注 私信 TA的帖子
安卓开发-最简单快速的仿微信聊天实现-附赠微信原生表情，QQ原生表情

正常实现聊天功能想必大家都使用三方的Sdk比如环信融云集成的，但是聊天记录的保存只能有三天，想增加保存时长就需要花钱，so 我只好自己想办法实现了，这个demo是类似于留言板，并非即时通讯！只实现了表情文字图文...

native聊天界面 react_react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面

一、前言9月，又到开学的季节。为每个一直默默努力的自己点赞！最近都沉浸在react native原生app开发中，之前也有使用vue/react/angular等技术开发过聊天室项目，另外还使用RN技术做了个自定义模态弹窗rnPop组件。一...

native聊天界面 react_react native 仿微信聊天室实例代码

一、前言9月，又到开学的季节。为每个一直默默努力的自己点赞！最近都沉浸在react native原生app开发中，之前也有使用vue/react/angular等技术开发过聊天室项目，另外还使用RN技术做了个自定义模态弹窗rnPop组件。一...

你会用QQ吗?33个QQ小技巧你知道几个？

1、QQ消息不显示时间 2、查看QQ上对方是否把你加为好友方法 3、普通QQ号克隆好友 4、QQ字横写 5、 QQ绕过身份验证直接加为好友 6、QQ排名靠前大法，不仅复制空格 7、快速输入QQ表情 8、在QQ中画红心 9、非会员创建...

android安卓源码海量项目合集打包-1

最后更新共计113个分类5177套源码29.2 GB。 卷 新加卷 的文件夹 PATH 列表 卷序列号为 00000200 5E7A:7F30 F:. ├─前台界面 │ ├─3D标签云卡片热门 │ │ Android TagCloudView云标签的灵活运用.rar │ │ ...

微信大更新，黄脸表情会动了，还能炸群！还有状态、浮窗...张小龙剧透的功能全来了...

点击上方 "编程技术圈"关注,星标或置顶一起成长后台回复“大礼包”有惊喜礼包！每日英文Be confident with yourself and stop worry...

网易云信红包功能接入指南(iOS)

网易云信的IM程序基础上，接入云叮当红包SDK（IOS）

走进JavaWeb技术世界1：Web后端与J2EE的由来

这个问题来自于QQ网友，一句两句说不清楚，索性写个文章。 我刚开始做Web开发的时候，根本没有前端，后端之说。 原因很简单，那个时候服务器端的代码就是一切：接受浏览器的请求，实现业务逻辑，访问数据库，...

discuz程序模块source功能处理目录注释？

/source/admincp后台管理， 　/source/admincp/cloud云平台项目 　/source/admincp/menu后台扩展菜单目录 　/source/admincp/moderate审核数据项目 　admincp_admingroup.php用户-管理组 　admincp_adv.php运营...

QQ小技巧

2 、查看QQ上对方是否把你加为好友首先来到ＱＱ秀商城里，随便点一件物品，输入你想验证的QQ号码，点他人支付。如果出现错误：对不起，您不是他的好友，不能向他索要QQShow商品。一切都明了。 3 、普通QQ号克隆...

JAVA人力、项目面试常谈问题以及个人开场介绍模板

JAVA 人力面试常谈问题 汇总（98个） 1. 请你自我介绍一下 回答提示：一般人回答这个问题...企业很重视一个人的礼貌，求职者要尊重考官，在回答每个问题之后都说一句谢谢.。企业喜欢有礼貌的求职者。 2. 你觉得你个性上

ASP.NET SignalR 与LayIM配合，轻松实现网站客服聊天室（三） 激动人心的时刻到啦，实现1v1聊天...

看起来挺简单，细节还是很多的，好，接上一篇，我们已经成功连接singalR服务器了，那么剩下的内容呢，就是一步一步实现聊天功能。 　我们先看看缺什么东西 点击好友弹框之后，要给服务器发消息，进入组Group....

discuz程序模块source功能处理目录注释

discuz程序模块source功能处理目录注释   转载▼ 　/source/admincp后台管理，点击查看Discuz! X2.5 upload下全站论坛目录结构注释 　/source/admincp/cloud云平台项目 　/source/admincp/menu后台...

模块处理文件site.php,discuz程序模块source功能处理目录注释

/source/admincp/cloud云平台项目/source/admincp/menu后台扩展菜单目录/source/admincp/moderate审核数据项目admincp_admingroup.php用户-管理组admincp_adv.php运营 - 广告admincp_album.php内容-相册管理admincp_...

QQ现状深度剖析：你还认为QQ已经被微信打败了吗？

移动端的时代里，微信占据了社交领域的半壁江山，不得不让人想起曾经PC时代里的王者“QQ”，微信的爆发和QQ的停滞让很多人认为微信已经彻底将QQ打败，QQ已经不再适合这个时代了。 前不久看到一句有意思的分享说： ...

QQ密技68招（超强）

1.减少QQ占用内存资源的秘笈登陆QQ后，占用内存：约8MQQ离线，占用内存：约10M秘笈：登陆QQ后，随便打开一个好友的对话窗口，把它最小化，QQ占用的内存就变为3M了，这对于内存小的朋友特别有用！！ 2.QQ自定义头像...

［恐怖］［她死在QQ上］作者：马伯庸

都市的雨夜，五名少男少女同时死在了电脑之前，惟有他们的QQ兀自跳动着，无名无头像地闪动着“上路吧....上路吧....” 第一章 六月十七日晨八点十五分，星期日S 市 马路旁的积水映出天空中飘过的白云，昨天持续了...

QQ的使用技巧

 目录：1QQ消息不显示时间2查看QQ上对方是否把你加为好友方法3普通QQ号克隆好友4QQ字横写5 QQ绕过身份验证直接加为好友6QQ排名靠前大法，不仅复制空格7快速输入QQ表情 8在QQ中画红心 9非会员创建固定群 10让隐身的...

博客使用valine评论开启邮件提醒

valine是我使用过非常好的一个评论系统，界面简洁、美观。评论方便，不需要登录账号什么的（此处对比来必力）。而且最近更新到1.4版本后，自带的评论表情好看了很多，为开发者点个赞。很久之前为博客添加valine之后...

QQ

1.减少QQ占用内存资源的秘笈登陆QQ后，占用内存：约8MQQ离线，占用内存：约10M秘笈：登陆QQ后，随便打开一个好友的对话窗口，把它最小化，QQ占用的内存就变为3M了，这对于内存小的朋友特别有用！！ 2.QQ自定义头像...

表情经济学：这门生意的本质是什么

在LINE、微信、Path等纷纷开始售卖表情赚钱时，如何解释这股表情潮流？这门生意的本质是什么？ 1700万美元，这是LINE在2013年第一...对LINE自己而言，这也是一个出乎意料的数据。事实上，直到今年第一季度财报公...

怎样做一份良好的竞品分析？通常有哪些方法？

酷拉皮卡 专注于互联网金融领域 788 人赞同了该回答 给你一套竞品分析的模板 1、市场趋势、业界现状； 2、竞争对手的企业愿景、产品定位及发展策略；...5、核心功能； 6、交互设计； 7、产品

[附录]Discuz X2.5程序模块source功能处理目录注释

为什么80%的码农都做不了架构师？>>> ...

可在广域网部署运行的QQ高仿版 -- GG叽叽（源码）

前段时间看到园子里有...当然，我的目标并不是做一个QQ高仿版的玩具，而是希望做成一个能能够真正使用的产品（当然是免费的），并持续维护下去。想为这个聊天工具取个名字，就抽取了“叽叽歪歪”中的“叽叽”(GG)作...

【转】可在广域网部署运行的QQ高仿版 -- GG叽叽（源码）

前段时间看到园子里有...当然，我的目标并不是做一个QQ高仿版的玩具，而是希望做成一个能能够真正使用的产品（当然是免费的），并持续维护下去。想为这个聊天工具取个名字，就抽取了“叽叽歪歪”中的“叽叽”(GG)作...

C#实例.net_经典例子400个

一共470多例winform 界面特效的源码。 窗体与界面设计... 9 实例001 带历史信息的菜单 10 实例002 菜单动态合并 12 实例003 像开始菜单一样漂亮的菜单... 14 实例004 任务栏托盘菜单 15 实例005 可以...

相关热词 c# 枚举下拉列表 c# 创建 类库 三层架构思路c# c#两表join连接 c#二进制表示 c#选择结构 c# ui反应滞后 c#获取路径】 c# 启动线程有几种方式 c#中打开excel