javascript如何在插入表情时在文本框中显示表情图片,并可以传参(java)
急!!!我做了一个留言板,留言输入框为:<textareaname="content"id="content"rows="15"cols="79"/></textarea...
急!!!
我做了一个留言板,留言输入框为:<textarea name="content" id="content" rows="15" cols="79" /></textarea> 还有一推图片在face文件夹中:1.gif、2.gif、3.gif......20.gif,把这些图片设置成button之后,选中图片时,怎么让图片在文本域中显示(显示图片显示图片),并可以将这些图片的路径传入后台,(如何获取textarea中图片路径)? 展开
我做了一个留言板,留言输入框为:<textarea name="content" id="content" rows="15" cols="79" /></textarea> 还有一推图片在face文件夹中:1.gif、2.gif、3.gif......20.gif,把这些图片设置成button之后,选中图片时,怎么让图片在文本域中显示(显示图片显示图片),并可以将这些图片的路径传入后台,(如何获取textarea中图片路径)? 展开
展开全部
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<script language='javascript'>
function g(obj){
var div=document.getElementById('content');
var element=document.createElement('img');
element.src=obj.src;
//可以把图片的路径放到一个变量里面,然后提交到后台
//或者后台用正则表达式取也行
div.appendChild(element);
div.focus();
}
</script>
<BODY>
<img src='x.gif' onclick='g(this)'/>
<div id='content' contentEditable='true' style='border:1px solid blue;width:600px;height:400px'>
</div>
</BODY>
</HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<script language='javascript'>
function g(obj){
var div=document.getElementById('content');
var element=document.createElement('img');
element.src=obj.src;
//可以把图片的路径放到一个变量里面,然后提交到后台
//或者后台用正则表达式取也行
div.appendChild(element);
div.focus();
}
</script>
<BODY>
<img src='x.gif' onclick='g(this)'/>
<div id='content' contentEditable='true' style='border:1px solid blue;width:600px;height:400px'>
</div>
</BODY>
</HTML>
展开全部
定义特定的规则,根据规则替换成相应的图片或者文字就可以了。
如果图片比较小的话,可以把图片的光栅矩阵保存到变量中。
这样还可以只用JS文件实现表情。
如果图片比较小的话,可以把图片的光栅矩阵保存到变量中。
这样还可以只用JS文件实现表情。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
上网搜索一下吧,这种留言板在网上应该有很多的
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
textarea不能放图片,能放图片的都是可编辑内容的div或者iframe,你可以搜富文本编辑器看看
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询