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

2009-09-03 04:22:01 739 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

web前端学习--仿QQ空间留言板功能 web前端学习--仿QQ空间留言板功能阅读详情

asp.net
想做这样一个留言板，当用户点击留言板上的一些QQ表情时，编辑区显示点中了的QQ表情。

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

各位大虾，小弟没有一点头绪，要用到些什么控件啊，急,小弟在此谢过了

...全文

Qt编程—我的QQ(局域网可用) 上一篇文章提到Qt编程—去掉标题栏和设置窗口透明用法在做这个就用到了，效果还是挺不错的 1.这里我就分享一下模拟QQ的局域网聊天程序框架——qt编程的QQ迷你版这里用到的透明效果上篇介绍过就不用多说了，关键的几句 this->setWindowFlags(Qt::FramelessWindowHint);//去掉标题栏 // this->setGeometry(QR 阅读详情

XUXU_dragon

.NET社区 62,271 成员 668,968 内容

+ 关注 + 加入社区

切换为时间正序

lhx_666888 2011-06-01

打赏
举报

document.getElementById("txtContent").innerText += "[face=" + i + "]";
把这句话改成
document.getElementById("txtContent").innerHTML += "[face=" + i + "]";

足球中国 2009-09-03

打赏
举报

顶

huxinghuo123 2009-09-03

打赏
举报

用fckeditor吧

阿彪兄 2009-09-03

打赏
举报

感觉9楼的方法就差不多了

加油馒头 2009-09-03

打赏
举报

[Quote=引用 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>

[/Quote]

这个可以

加油馒头 2009-09-03

打赏
举报

实际上原理就是图片超链接了

用JS控制下

homesos 2009-09-03

打赏
举报

http://dl2.csdn.net/fd.php?i=30452697558589&s=1b7b758f16ba5520bafd14082ead38df

homesos 2009-09-03

打赏
举报

用DotNetTextBox，可以在选择时显示图片

XUXU_dragon 2009-09-03

打赏
举报

如下这样的话，只能在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>

shankaipingo 2009-09-03

打赏
举报

用简单的javascript+DIV就可以实现呀

XUXU_dragon 2009-09-03

打赏
举报

FCKeditori 不行的，不是我想要的

zhaozhijun0207 2009-09-03

打赏
举报

[Quote=引用 1 楼 zyug 的回复:]fckeditor...[/Quote]难道就不能详细点点么?

zyug 2009-09-03

打赏
举报

fckeditor...

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

相关推荐