Всплывающая форма оповещения Javascript

Question

У меня есть поиск по всему сайту и в Google, но я не могу его найти, вот так!

Я хотел бы показать способ отображения формы при использовании оповещения.

например, когда пользовательнажмите кнопку, появится диалоговое окно с вопросом о нескольких вопросах, таких как HTML-форма, и позволит пользователю нажать кнопку отправить, сбросить или отменить, не загружая новую страницу.

Я видел, что это сделано, но не могу найти тот же сайтснова.

Я пытался поставить htm, чтобы предупредить с небольшим успехом публикации.

любая помощь высоко ценится!

Answer 1

То, что вы ищете, это окно подсказки:

<script type="text/javascript">
    function show_prompt() {
        var name = prompt('Please enter your name','Poppy');
        if (name != null && name != "") {
            alert(name);
        }
    }
</script>

_{пример взят здесь: http://www.w3schools.com/js/js_popup.asp}

Answer 2

Вы можете сделать это с помощью диалогов jQuery - загружайте диалог по щелчку пользователя и представляйте форму в диалоге.посмотрите демоверсии здесь: http://jqueryui.com/demos/dialog/

Answer 3

Чтобы завершить ответ @ Liv, вы можете использовать справку по пользовательскому интерфейсу jQuery: Modal Form

В примере показано, как создать нового пользователя.Появится диалоговое окно, в котором вы заполняете форму и можете отправить ее или отменить.

Используйте модальное диалоговое окно , чтобы потребовать от пользователя ввода данных во время многоэтапного процесса.Вставьте разметку формы в область содержимого, установите для модального параметра значение true и укажите основные и дополнительные действия пользователя с помощью параметра кнопок.

Это в значительной степени то, что, как я понял, вам нужно.

Удачи!

Answer 4

HTML не может быть помещен в системные диалоги, сгенерированные alert(), confirm() или prompt().Однако вы можете загрузить jQuery UI и настроить его на своем веб-сайте.(Убедитесь, что на странице загрузки выбран компонент «dialog».) Затем в вашем JavaScript:

$("<div>Place your HTML here</div>").appendTo("body").dialog({
     modal: true,
     title: "Enter a title here"
});

Убедитесь, что вы запускаете этот код после страницы, загруженной с помощьюлибо window.onload, либо $(document).ready().

Ad @ m

Answer 5

Я рекомендую вам использовать всплывающее окно div.То, что вам нужно сделать, это установить фон поверх всех других элементов, кроме div, где находится ваша форма.Для свойства css будет установлено значение none, пока форма не будет активирована, установив display = "block".Это может быть выполнено с использованием JavaScript.

Answer 6

Вы не сможете сделать это с alert, но вам следует взглянуть на то, как создать модальные окна .