Как я могу получить всплывающее окно textarea, когда пользователь нажимает кнопку?

Question

Я пытался PopBox , чтобы всплывающая текстовая область, но функциональность PopBox кажется несовместимой с игровой системой. (Например, я точно знаю, что alert(); и prompt(); работает при тестировании html-страницы, но не происходит вообще в реальной игре)

В настоящее время в игре реализована система подтверждения . Есть ли способ добавить текстовую область к этому?

Если нет, есть ли другие хитрости / плагины Jquery / JS, которые позволят всплывающему окну текстовой области при нажатии кнопки?

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

очень прост и удобен в использовании, вы можете делать все, что захотите.

его легко изменить с помощью текстовой области

в jquery.alerts.js файле, выполнить поиск 'prompt' case и изменить input на textarea.

я сделал это для себя и до сих пор работаю.

Answer 3

У вас может быть на странице, которая вставляет текстовое поле при нажатии кнопки, что-то вроде этого ...

На оригинальной HTML-странице, вставьте пустую область, возможно, зарезервировав пространство, как это

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

Затем поместите событие onClick на вашу кнопку, которое заменяет innerHTML вашей текстовой областью (или создайте функцию, которая делает это, и вызовите ее с вашим событием onClick).

Answer 4

вы можете попробовать диалог jquery http://jqueryui.it/demos/dialog.

Это открывает оверлей и диалог.Вы можете настроить отображение и взаимодействие по своему желанию.