弹出窗口中的Textarea不接受输入

时间:2012-07-11 04:29:44

标签: javascript popup

我正在尝试使用以下功能创建HTA应用程序 1)用户单击按钮 2)弹出包含多个textareas的弹出窗口 3)然后用户将信息输入textareas 4)用户然后单击弹出窗口中的“执行某事”按钮(不包含在代码中) 5)应用程序中的JavaScript对数据执行某些操作(不包含在代码中)

我坚持第三点。 show_popup函数使用.innerHTML将inputText div元素放在弹出窗口中。

但是当它这样做时,它会以一种只读类型的方式使textarea通过,它不允许我输入文本。

如果有人对如何解决此问题有任何意见,将不胜感激。

我的代码如下

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<HTA:APPLICATION/>
<script type="text/javascript">
function show_coords(event)
{
var x=event.screenX + document.body.parentNode.scrollLeft - window.screenLeft;
var y=event.screenY + document.body.parentNode.scrollTop - window.screenTop;
document.getElementById('coordVarX').value = x;
document.getElementById('coordVarY').value = y;
}
function show_popup(divId,winWidth,winHeight)
{
var p=window.createPopup();
var pbody=p.document.body;
var x = document.getElementById('coordVarX').value;
var y = document.getElementById('coordVarY').value;
pbody.style.border="solid black 1px";
pbody.innerHTML=divId.innerHTML;
p.show(x,y,winWidth,winHeight,document.body);
}
</script>
</head>

<body onmousedown="show_coords(event)">
<textarea id="coordVarX" name="coordVarX" value="" style="display:none;"></textarea>
<textarea id="coordVarY" name="coordVarY" value="" style="display:none;"></textarea>

<button onclick="show_popup(inputText,150,30)">Enter text</button>

<div id="inputText" style="display:none;">
    <span>
        <form>
            <input type="textarea" value=""></input>
        </form>
    </span>
</div>

</body>
</html>

非常感谢!

1 个答案:

答案 0 :(得分:1)

您需要<textarea></textarea> - 而不是输入类型= textarea