这种功能怎么实现？类似QQ表情！在线等！
0
最佳答案
0
直接用div，设置 contenteditable=true就可以 给div innerHTML 添加你从数据库读出来的表情路径了。
这个功能我做过
收获园豆：20
我对前台不是很熟悉，能附上点源码吗？我收藏下，谢谢
<div><img src="1.png" onclick="insertPic(this);" /></div>
<div id="editor" style="border:solid 1px black;width:200px;height:200px;" contentEditable="true">aaaaa</div>
<script type="text/javascript">
function insertPic(o){
document.getElementById("editor").innerHTML += o.outerHTML;
}
</script>
我测试过了 没问题
其他回答(4)
0
asp.net ?
恩 C# B/S
@JasonNET:你看这篇回答：
http://space.cnblogs.com/q/16802/
不行，因为他的图片是固定的，我的图片是从库里取出来，动态绑定成表格的
0
在初始化上面的表情列表时，为每一个img加载一个onclick事件。点击触发js为下面的文本框赋值。类似于input.value+=img路径。
下方的输入区域最好是不要用textarea，用div+css来代替。
我后台的代码是这么写的 sbuilder.Append("<td ><img alt=\"\" src=\"" + dt.Rows[i]["image_server_path"].ToString() + "\" onclick=\"selface(this)\" /></td>\n");
嗯，你这个是表情列表上的html时候吧。
在页面的selface方法中添加 插入下面div文本区域的代码
$('#myMsg').append('<img src=''></img>')
0
function getImgUrl(obj)
{
var txt=document.getElementById("textarea1");
txt.value=obj.src;
}
为每个 img 都加上 事件 onclick=" getImgUrl(this)";
我后台的代码是这么写的：sbuilder.Append("<td ><img alt=\"\" src=\"" + dt.Rows[i]["image_server_path"].ToString() + "\" onclick=\"selface(this)\" /></td>\n");
鼠标放到图片上没有反应，并没有变成小手的样子
0
你可以参考博客园这里的编辑器功能：http://space.cnblogs.com/forum/ideas/newpost
<td><div onclick="SetEmotion('<img src=\'/Emoticons/yoyocici/223851812.gif\'/>')"><img src='Emoticons/yoyocici/223851812.gif'></div></td>
<script language="javascript">
function SetEmotion(face)
{
window.opener.InsertEmotion(face);
window.close();
}
</script>
就是这种效果，应该怎么做，用你上面的js就行？
@JasonNET:不是，如果你使用了tinyMCE编辑器，可以这样插入，首页面还有InsertEmotion个函数，如果你真是想吧表情的路径写到txtarea中，可以在每个表情上增加onclick函数，代码就是把表情路径值传进去，加到txtarea中。document.getElementById("textarea1").value+=传过来的路径值。
但是textarea所在的页面相当于父页面，我要的话怎么取到父页面的textarea的id呢
@JasonNET:window.opener.InsertEmotion这个方法是调用父页面的方法，获取ID函数逻辑可以写到父页面的函数里。
InsertEmotion的方法是这个tinyMCE编辑器特有的方法吗？
@JasonNET:如果只是向你的textarea中插入，你可以自己写一个呀，dom获取再赋值。
我如果不用这个编辑器的话，要怎么获取呢
@JasonNET:document.getElementById("textarea1").value
