用JS控制在文本域里显示表情图

西凉董卓 2010-07-05 01:33:46
就像QQ里一样的单击表情图标,就会显示表情DIV,然后在单击其中的一个表情,就会显示在文本域里




<BODY>
<SCRIPT LANGUAGE="JavaScript">
function showFace() {

var faceDiv = document.createElement("div");
faceDiv.className = 'facebox';
faceDiv.style.position = 'absolute';
var faceul = document.createElement("ul");
for(i=1; i<17; i++) {
var faceli = document.createElement("li");
faceli.innerHTML = '<img src="image/face/'+i+'.gif" onclick="inner()"/>';
faceul.appendChild(faceli);
}
faceDiv.appendChild(faceul);
document.body.appendChild(faceDiv)
//定位菜单

}
function inner(){
document.getElementById("ids").appendChild(faceli);}
</SCRIPT>
<textarea width="900" id="ids"></textarea>
<br>
<input type="button" value=" add " onClick="showFace()" />

</BODY>


请高手给我指教 下我这个单击ADD按钮,会出来一个表情图的层,但是我单击其中的一个表情图,不会出来在文本域里
...全文
86 9 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
西凉董卓 2010-07-05
  • 打赏
  • 举报
回复
点击ADD没有反应,没有显示在文本域里
CunningBoy 2010-07-05
  • 打赏
  • 举报
回复
<BODY>
<SCRIPT LANGUAGE="JavaScript">
function showFace() {
var faceDiv = document.createElement("div");
faceDiv.className = 'facebox';
faceDiv.style.position = 'absolute';
var faceul = document.createElement("ul");
for(i=1; i<17; i++) {
var faceli = document.createElement("li");
faceli.innerHTML = '<img id="' + i + '" src="image/face/'+i+'.gif" onclick="inner("' + i + '")"/>';
faceul.appendChild(faceli);
}
faceDiv.appendChild(faceul);
document.body.appendChild(faceDiv)
//定位菜单
}

function inner(num){
var currentFace = document.getElementById(num);
document.getElementById("ids").appendChild(currentFace);
}
</SCRIPT>
<textarea width="900" id="ids"></textarea>
<br>
<input type="button" value=" add " onClick="showFace()" />
</BODY>
piaolankeke 2010-07-05
  • 打赏
  • 举报
回复
试着研究研究csdn这个回复框的实现,呵呵
西凉董卓 2010-07-05
  • 打赏
  • 举报
回复
呵呵,那就麻烦你给我改一下看,我都改了半天了。。总是运行不出来的

CunningBoy 2010-07-05
  • 打赏
  • 举报
回复
var去掉的话相当于你没有定义变量faceli,而系统给你默认在全局补上了变量faceli的定义。
西凉董卓 2010-07-05
  • 打赏
  • 举报
回复
我把VAR去掉也是行的
CunningBoy 2010-07-05
  • 打赏
  • 举报
回复
因为你是在showFace函数内定义的var faceli,所以是局部变量。
西凉董卓 2010-07-05
  • 打赏
  • 举报
回复
faceli默认应该是全局的吧。。。。
CunningBoy 2010-07-05
  • 打赏
  • 举报
回复
document.getElementById("ids").appendChild(faceli);中的faceli是局部变量,在inner函数中没有值,你需要把faceli作为全局变量,这样showFace执行后,在inner()才有值

21,893

社区成员

发帖
与我相关
我的任务
社区描述
从PHP安装配置,PHP入门,PHP基础到PHP应用
社区管理员
  • 基础编程社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧