主页

用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按钮，会出来一个表情图的层，但是我单击其中的一个表情图，不会出来在文本域里

...全文

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()才有值

回复赞

发动态

发帖子

基础编程

创建于2007-09-28

加入

2.1w+

社区成员

14.0w+

社区内容

从PHP安装配置，PHP入门，PHP基础到PHP应用

申请成为版主

社区公告

暂无公告