点击内容直接显示在文本域中
分类:电脑知识 发表于:2010-08-09 11:13:41 评论(2)
在输入日志的时候,不需要用HTML文本编辑器,
达到点击某表情图片,或某内容,使其直接显示在文本域中的效果。
=======
JS定义
=======
<script type="text/javascript" language="javascript">
function grin(tag) {
var myField;
tag = ´<img src="pic/face/´ + tag + ´" class="imgK">´;
if (document.getElementById(´BlogContent´) && document.getElementById(´BlogContent´).type == ´textarea´) {
myField = document.getElementById(´BlogContent´);
} else {
return false;
}
if (document.selection) {
myField.focus();
sel = document.selection.createRange();
sel.text = tag;
myField.focus();
}
else if (myField.selectionStart || myField.selectionStart == ´0´) {
var startPos = myField.selectionStart;
var endPos = myField.selectionEnd;
var cursorPos = endPos;
myField.value = myField.value.substring(0, startPos)
+ tag
+ myField.value.substring(endPos, myField.value.length);
cursorPos += tag.length;
myField.focus();
myField.selectionStart = cursorPos;
myField.selectionEnd = cursorPos;
}
else {
myField.value += tag;
myField.focus();
}
}
</script>
=============
表情图片链接
=============
<a href="javascript:grin(´tp.gif´)"><img src="pic/face/tp.gif" border=0></a>
<a href="javascript:grin(´hanx.gif´)"><img src="pic/face/hanx.gif" border=0></a>
<a href="javascript:grin(´zy.gif´)"><img src="pic/face/zy.gif" border=0></a>
===============
显示在文本域中
===============
<textarea name="content" cols="80" rows="16" id="BlogContent"></textarea>