高分求asp.net中类似于qq添加表情的js实现方法

wsg13793257207 2008-12-27 09:22:17

我在做一个论坛，有一个发表论坛内容的输入框，同时在页面预置了许多的表情头像，当点击头像时我想在输入框中添加该头像到光标处，可是不知用javascript如何来具体实现，希望javascript高手帮忙解决··最好有具体的js代码，并带注释，本人新手。

...全文

543 25 打赏收藏转发到动态举报

写回复

用AI写文章

25 条回复

切换为时间正序

请发表友善的回复…

发表回复

Newqidian 2012-07-02

打赏
举报

我也正遇到这样的问题

energyLJH 2012-05-10

打赏
举报

lsn517471114 2008-12-30

打赏
举报

.NET联盟会馆 QQ群号：77329563 招聘中.....

yefengzhixia 2008-12-28

打赏
举报

顶了

刚建一c#群 63242231 希望有志同道合的朋友和高手指导

谢谢。。。呵呵呵

wxxwlm 2008-12-28

打赏
举报

学习了,呵呵....

niitnanfeng 2008-12-28

打赏
举报

顶下，楼上的大部分都说清楚了，这里就不帖代码了。

half_bucket 2008-12-28

打赏
举报

mark

智者知已应修善业 2008-12-28

打赏
举报

http://download.csdn.net/source/860287

dawei2310 2008-12-28

打赏
举报

我过来学习~

Bodil 2008-12-28

打赏
举报

mark

fcxxfcxx 2008-12-28

打赏
举报

学习

hy_lihuan 2008-12-28

打赏
举报

哈哈,学习了;没有关心过web编辑器的开发过

ken_sniper 2008-12-28

打赏
举报

一般来说用编辑器自带的表情或替换编辑器表情目录里的表情来实现。
如果确定要这么做的话，可能麻烦多一点。



<!--在head之间引入jquery包-->

<script language="javascript" type="text/javascript" src="js/jquery-1.2.6.pack.js"></script>

<!--表情图片-->

<img class='face' src='1.gif'/>

<a class='face'><img width='20px' height='20px' src='1.gif'/></a>

<a class='face'><img width='20px' height='20px' src='2.gif'/></a>

<a class='face'><img width='20px' height='20px' src='3.gif'/></a>

<a class='face'><img width='20px' height='20px' src='4.gif'/></a>

<!--假定这个是编辑器-->

<input type='input' id='content' />



$(document).ready(function(){

   $(a.face).click(function(){

       var insert_img = $(this).html();

       var old_html =$("#content").html(); 

       $("#content").html(old_html + insert_img );

   });

});

呵呵，我没有测试，您参考下。小弟刚开始B/S结构开发3个月，可能有错误的地方，您找找JQUERY高手吧。

ken_sniper 2008-12-28

打赏
举报

您可以看看这个网站：http://jquery.com/
jqery使用方便，插件功能强大。

wsg13793257207 2008-12-27

打赏
举报

小田可否说的明白点？

ken_sniper 2008-12-27

打赏
举报

用JQUERY来弄吧，呵呵
方便点，兼容性也比较好。

Teng_s2000 2008-12-27

打赏
举报

Mark

空心兜兜 2008-12-27

打赏
举报



<SCRIPT language=JavaScript src="/lib/insert_face.js"></SCRIPT>

<IMG style="CURSOR: hand" onclick="setFace('1');" 

src="http://image.123.com/bbs/smile/1.gif">   <IMG 

style="CURSOR: hand" onclick="setFace('2');" 

src="http://image.123.com/bbs/smile/2.gif">



function setFace($str)

{

	document.getElementById("memo").value += "[SMILE="+$str+"]";

}

document.write('<img src="http://image.123.com/bbs/smile/1.gif" onclick="setFace(\'1\');" style="cursor:hand">   <img src="http://image.123.com/bbs/smile/2.gif" onclick="setFace(\'2\');" style="cursor:hand"> 

…………

某论坛的代码