Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/452.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当用户单击按钮时,我如何能弹出文本区域?_Javascript_Jquery_Popup_Textarea - Fatal编程技术网

Javascript 当用户单击按钮时,我如何能弹出文本区域?

Javascript 当用户单击按钮时,我如何能弹出文本区域?,javascript,jquery,popup,textarea,Javascript,Jquery,Popup,Textarea,我试着弹出一个textarea,但PopBox的功能似乎与游戏系统不兼容。(例如,我知道alert();和prompt();在html页面测试中起作用,但在实际游戏中根本不会发生) 目前游戏系统已经实现。有没有一种方法可以添加一个文本区域到这个 如果没有,是否有其他Jquery/JS技巧/插件允许在单击按钮时弹出文本区域框?您可以尝试Jquery对话框 这将弹出一个覆盖和一个对话框。您可以根据自己的喜好自定义此显示和交互。检查此插件 非常容易和干净的使用,你可以做任何你想做的 通过文本区很容易

我试着弹出一个textarea,但PopBox的功能似乎与游戏系统不兼容。(例如,我知道
alert();
prompt();
在html页面测试中起作用,但在实际游戏中根本不会发生)

目前游戏系统已经实现。有没有一种方法可以添加一个文本区域到这个

如果没有,是否有其他Jquery/JS技巧/插件允许在单击按钮时弹出文本区域框?

您可以尝试Jquery对话框

这将弹出一个覆盖和一个对话框。您可以根据自己的喜好自定义此显示和交互。

检查此插件

非常容易和干净的使用,你可以做任何你想做的

通过文本区很容易更改输入

jquery.alerts.js
文件中,搜索
'prompt'
大小写,并通过
文本区域更改
输入


这是我为自己做的,到目前为止一直在工作。

你可以在页面上有一个按钮,点击按钮时会插入一个文本框,类似这样的

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

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




然后,在按钮上放置一个onClick事件,用文本区域替换innerHTML(或者创建一个函数,并用onClick事件调用它)。

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

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

函数showTextArea(){
document.getElementById('textAreaDiv').style.visibility=“visible”;
}
函数hideTextArea(){
document.getElementById('textAreaDiv').style.visibility=“hidden”;
}
或者

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

函数showHideTextarea(){
if(document.getElementById('textAreaDiv').style.visibility=“hidden”)
{
document.getElementById('textAreaDiv').style.visibility=“visible”;
}
其他的
{
document.getElementById('textAreaDiv').style.visibility=“hidden”;
}
}
这不需要JQuery库来使用


希望能有所帮助……

我想这会显示隐藏在页面上的文本区域,但不会将其弹出到自己的框中。谢谢你的努力!我认为这一切都取决于你如何将CSS应用于这个答案。如果应用了正确的CSS,DIV可能会弹出。请澄清你的意思,我可能仍然能够帮助你我发现JAlert插件可以工作,但再次感谢你抽出时间。非常感谢!链接似乎断了