.

点击内容直接显示在文本域中
分类:电脑知识 发表于: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>

  
邮箱: 密码:
  • 木本無心 (2010-08-12 23:38:37)
    这个貌似在火狐下无效的哦。 想什么么?
    • 阿和 博主 (2010-08-13 07:28:20)
      没在火狐下测试过诶,火狐下好多JS都不能用。