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

时间:2011-10-13 19:04:18

标签: javascript jquery popup textarea

我已经尝试PopBox弹出一个textarea,但PopBox的功能似乎与游戏系统不兼容。 (例如,我知道alert();prompt();在html页面测试中有效,但在实际游戏中根本不会发生这种事实)

目前游戏已实施this confirm box系统。有没有办法为此添加textarea?

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

4 个答案:

答案 0 :(得分:2)

检查此插件

jAlert

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

很容易通过textarea来改变输入

jquery.alerts.js 文件中,搜索'prompt'个案,然后按input更改textarea

我为我做了这个并且到目前为止一直在努力。

答案 1 :(得分:2)

我不是专家,但我认为这是可能的:

<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>

... OR

要用一个按钮切换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库。

希望它有所帮助...

答案 2 :(得分:1)

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

这会弹出一个叠加层和一个对话框。您可以根据自己的心愿定制此显示和互动。

答案 3 :(得分:0)

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

在原始HTML页面中,粘贴一个空白区域,可能会保留这样的空间

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

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