textarea的彈出不接受輸入

我試圖創建具有以下功能 1）用戶點擊一個按鈕 2）包含多文字區域的彈出彈出 3）然後用戶將信息輸入所述文字區域一個HTA應用 4）然後用戶點擊彈出窗口中的'做某事'按鈕（不包括代碼） 5）應用程序中的JavaScript用數據做某事（不包括代碼）textarea的彈出不接受輸入

我卡在第三點。 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>

非常感謝！

來源

2012-07-11 Aaron O' Hehir