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

[XUXU_dragon]

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

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


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

[zyug]

fckeditor...

[zhaozhijun0207]

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

[XUXU_dragon]

FCKeditori 不行的，不是我想要的

[shankaipingo]

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

[XUXU_dragon]

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

[homesos]

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

[homesos]

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

[加油馒头]

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

用JS控制下

[加油馒头]

[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]

这个可以

[阿彪兄]

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

[huxinghuo123]

用fckeditor吧

[足球中国]

顶

[lhx_666888]

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