Javascript innerHTML with Popup

Question

我不明白为什么这个内部的HTML脚本不起作用。我在jsFiddle上发布了javascript。你可以在这里看到：http://jsfiddle.net/JyV73/1/

我有两个版本的链接。在第一个重写链接是在一个弹出窗口内需要关闭，另一个在textarea内打开正确的文本。

第二，页面上只有一个链接，当它被点击时，应该有希望在wht textarea中打开带有正确文本的弹出窗口。

唯一的问题是，它不适用于第二个版本，因为我必须关闭弹出窗口。如果我注释掉第一个document.getElementById(id).style.display = 'none'那么这个简单的链接就可以工作，所以我的第一个想法是创建两个函数。但是，由于这个JavaScript是包含的PHP模板文件的一部分，我认为这将是简单的PHP代码来解决这个使用纯JavaScript。

我仍然在学习javascript，任何帮助将不胜感激。我希望我很清楚。非常感谢。

HTML

<a href="#popup" rel="popup">open</a> 

<div id="popup" class="popup"> <a href="#new" rel="popup" onClick="rewrite('popup', 'blah')">Rewrite</a> 

</div> 
<div id="new" class="popup"> 
    <textarea id="new-text"></textarea> 
</div> 
<!-- This is the stuff that doesnt work for some reason <a href="#new" rel="popup"   onClick="rewrite('popup', 'blah')">Rewrite</a> 

<div id="new" class="popup"> 
<textarea id="new-text"></textarea> 
</div> 
--> 

JavaScript的

function rewrite(id, text) { 
    document.getElementById(id).style.display = 'none'; 
    document.getElementById('new-text').innerHTML = text; 
} 

Answer 1

我不完全清楚你在这里做什么，但从我读取你的代码的方式，你想设置文本区域的值为特定的值。

这里是你做的怎么说：http://jsfiddle.net/JyV73/9/

function rewrite(id, text) { 
    $('#new-text').val(text); 
} 

你不使用弹出窗口，您使用的模态，这意味着它的即切换能见度页面内一个div。您可以从这些组件访问信息，无论它们是否可见，fyi。

不过，我不完全确定你在这里做什么。

Answer 2

我改变document.getElementById('new-text').innerHTML = text;到document.getElementById('new-text').value = text;，因为它是要设置文本框的value属性。

还与ID页面上的每一个元素都需要有一个唯一的ID（好像你可能一直在试图在一个点上重复使用的ID，但也许我错了！）

我还是天堂”不管你想要达到什么目标，但是这些变化都需要才能做出来。

此代码是足以实现虽然你的第二个目标：http://jsfiddle.net/JyV73/19/

我增加了一个onClick属性（onClick="rewrite('popup', 'blah')"）为您的“打开”链接做书面文本框。 :)