当用户单击按钮时，如何使用textarea弹出窗口？

Question

我已经尝试过PopBox弹出textarea，但PopBox的功能似乎与游戏系统不兼容。 （例如，我知道一个事实，即alert();和prompt();在html页面测试中工作，但在实际游戏中根本不会发生）

当前，游戏已实现此确认框系统。 有没有办法为此添加文本区域？

如果没有，是否还有其他Jquery / JS技巧/插件可以在单击按钮时弹出textarea框？

Answer 1

我不是专家，但我认为这是可能的：

<div id="textAreaDiv" style="visibility:hidden;"><textarea></textarea></div>

<input type="button" onClick="showTextArea()">
<input type="button" onClick="hideTextArea()">

<script>
function showTextArea() {
document.getElementById('textAreaDiv').style.visibility="visible";
}

function hideTextArea() {
document.getElementById('textAreaDiv').style.visibility="hidden";
}
</script>

要么...

要用一个按钮切换DIV，您可以这样做：

<script>
function showHideTextarea() {
if (document.getElementById('textAreaDiv').style.visibility="hidden")
{
document.getElementById('textAreaDiv').style.visibility="visible";
}
else
{
document.getElementById('textAreaDiv').style.visibility="hidden";
}
}
</script>

这不需要使用JQuery库。

希望能帮助到你...

Answer 2

检查这个插件

jAlert

使用非常简单和干净，你可以做任何你想做的事。

它很容易通过textarea更改输入

在jquery.alerts.js文件中，搜索'prompt'大小写，并通过textarea更改input 。

我为我做了这个，并一直工作到目前为止。

Answer 3

你可以尝试jquery对话框http://jqueryui.it/demos/dialog 。

这会弹出一个覆盖图和一个对话框。 您可以根据自己的意愿定制此显示和交互。

Answer 4

你可以在页面上有一个，当点击按钮时插入一个textarea框，这样的......

在原始HTML页面中，留一个空白区域，也许像这样保留空间

<div id="Input_Area">
<br>
<br>
</div>

然后，在你的按钮上放置一个onClick事件，用你的textarea替换innerHTML（或创建一个执行它的函数，并用你的onClick事件调用它）。