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

#javascript #jquery #popup #textarea

#javascript #jquery #всплывающее окно #текстовая область

Вопрос:

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

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

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

Ответ №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.

Надеюсь, это поможет…

1. Я думаю, что это показало бы текстовую область, которая была скрыта на странице, но не помещала бы ее в собственное поле. Спасибо вам за ваши усилия!

2. Я думаю, что все зависит от того, как вы применяете CSS к этому ответу. DIV может появиться, если был применен правильный CSS. Пожалуйста, уточните, что вы имеете в виду, и я все равно смогу вам помочь

3. Я обнаружил, что плагин JAlert работает, но опять же, спасибо за ваше время. Это очень ценится!

Ответ №2:

проверьте этот плагин

jAlert

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

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

в jquery.alerts.js файле найдите 'prompt' регистр и измените input by textarea .

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

Ответ №3:

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

На исходной HTML-странице выделите пустую область, возможно, зарезервировав пространство следующим образом

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

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

Ответ №4:

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

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