Html javascript всплывающее окно да нет

диалоговое окно да /нет

Привет. Есть функция удаления чего то из базы. Она внесена на страницу, хочу сделать так, чтобы при нажатии на ту кнопку появлялось окошко, которое спрашивало уверен ли пользователь в этом действии. кнопки да и нет, должны обрабатываться так, чтобы при нажатии да действительно происходило удаление, а при нет просто попадем на ту же страницу например. Как это реализовать? куда копать, желательно примеры! 🙂 но буду рад любой информации!

диалоговое окно с кнопками «да» и «нет»
Создать веб-страницу,которая вызывает диалоговое окно,содержащее сообщение и 2 кнопки "ДА"и"НЕТ".

Диалоговое окно с кнопками «да» и «нет»
Подскажите как сделать, когда жмешь на картинку, что бы выходило диалоговое окно с кнопкоми да и.

Диалоговое окно
Как вывести диалоговое окно "Да — Нет" в браузере?

Диалоговое окно!
При нажатии на ссылку появляется вопрос удалить объявление да нет! Если да то делаем переход по.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

DOCTYPE html> html> body> p>Click the button to display a confirm box.p> button onclick="myFunction()">Try itbutton> p id="demo">p> script> function myFunction() { if (confirm("Choose Yes or Not")) { alert("You pressed OK!"); //тут удаление записи из базы } else { alert("You pressed Cancel!"); //тут просто остаемся на странице } } script> body> html>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

 html> body> p>Click the button to display a confirm box./p> button onclick="myFunction()">Try it/button> p id="demo">/p> script> function myFunction() < if (confirm("Choose Yes or Not")) < alert("You pressed OK!"); (); ?> //тут удаление записи из базы > else < alert("You pressed Cancel!"); //тут просто остаемся на странице >> /script> /body> /html>

Vovan-VE, в смысле? если вы тыкаете кого-то мордой в грязь, делайте это поинформативнее, чтобы человек хотя бы понял в какую сторону ему копать.

Сообщение от VladSharikov

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

 html> body> p>Click the button to display a confirm box./p> button onclick="myFunction()">Try it/button> p id="demo">/p> script> function myFunction() < if (confirm("Choose Yes or Not")) < alert("You pressed OK!"); (); ?> //тут удаление записи из базы > else < alert("You pressed Cancel!"); //тут просто остаемся на странице >> /script> /body> /html>

от того что Вы кинули это работать не стало и прояснятся тоже не стало. в чем ошибка?
такой код благополучно завершился удалением записи еще при загрузке страницы.

Сообщение от VladSharikov

я это и написал постом выше.

Дак в итоге возвращаемся к первому посту

Сообщение от VladSharikov

Сообщение от VladSharikov

Vovan-VE, перечитал еще раз, в первый раз не заострил на этом внимание т.к. итак это понимаю.

я это и написал постом выше.

Дак в итоге возвращаемся к первому посту

я не говорю, что это должен быть чистый JS, аякс или jquery возможно.

Исходя из вашего вопроса я написал простой javascript через confirm box который обработает ваш запрос. Я подразумевал что вы знаете следующее:
1. Вы знаете как работает браузер.
2. Вы знаете что такое php.
3. Вы знаете что такое база данных.
4. Вы знаете как работает синхронный/асинхронный запрос.
5. Вы знаете как работает javascript.
6. Вы знаете как работает пункт 5 в связке с пунктом 2.
Потому недостаточно информировал Вас. Я могу помочь только при наличии большего количества данных. А именно: конкретизации проблемы(ибо первый пост говорит только о том что нужен пункт5).
P.S критика граждан постами выше вполне уместная,ибо Вы действительно недостаточно охарактеризовали проблему.

Источник

Взаимодействие с пользователем: alert, prompt, confirm

Материал на этой странице устарел, поэтому скрыт из оглавления сайта.

Более новая информация по этой теме находится на странице https://learn.javascript.ru/alert-prompt-confirm.

В этом разделе мы рассмотрим базовые UI операции: alert , prompt и confirm , которые позволяют работать с данными, полученными от пользователя.

alert

alert выводит на экран окно с сообщением и приостанавливает выполнение скрипта, пока пользователь не нажмёт «ОК».

Окно сообщения, которое выводится, является модальным окном. Слово «модальное» означает, что посетитель не может взаимодействовать со страницей, нажимать другие кнопки и т.п., пока не разберётся с окном. В данном случае – пока не нажмёт на «OK».

prompt

Функция prompt принимает два аргумента:

result = prompt(title, default);

Она выводит модальное окно с заголовком title , полем для ввода текста, заполненным строкой по умолчанию default и кнопками OK/CANCEL.

Пользователь должен либо что-то ввести и нажать OK, либо отменить ввод кликом на CANCEL или нажатием Esc на клавиатуре.

Вызов prompt возвращает то, что ввёл посетитель – строку или специальное значение null , если ввод отменён.

Единственный браузер, который не возвращает null при отмене ввода – это Safari. При отсутствии ввода он возвращает пустую строку. Предположительно, это ошибка в браузере.

Если нам важен этот браузер, то пустую строку нужно обрабатывать точно так же, как и null , т.е. считать отменой ввода.

Как и в случае с alert , окно prompt модальное.

var years = prompt('Сколько вам лет?', 100); alert('Вам ' + years + ' лет!')

Второй параметр может отсутствовать. Однако при этом IE вставит в диалог значение по умолчанию «undefined» .

Запустите этот код в IE, чтобы понять о чём речь:

Поэтому рекомендуется всегда указывать второй аргумент:

confirm

confirm выводит окно с вопросом question с двумя кнопками: OK и CANCEL.

Результатом будет true при нажатии OK и false – при CANCEL( Esc ).

var isAdmin = confirm("Вы - администратор?"); alert( isAdmin );

Особенности встроенных функций

Конкретное место, где выводится модальное окно с вопросом – обычно это центр браузера, и внешний вид окна выбирает браузер. Разработчик не может на это влиять.

С одной стороны – это недостаток, так как нельзя вывести окно в своём, особо красивом, дизайне.

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

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

Резюме

• alert выводит сообщение.
• prompt выводит сообщение и ждёт, пока пользователь введёт текст, а затем возвращает введённое значение или null , если ввод отменён (CANCEL/ Esc ).
• confirm выводит сообщение и ждёт, пока пользователь нажмёт «OK» или «CANCEL» и возвращает true/false .

Источник

Диалоговые окна JS

Метод выводит диалоговое окно с сообщением и кнопкой «ОК».

Пример использования

Подтверждение действия «Confirm»

Возвращает true в случае если пользователь нажал «ОК», и false при отмене.

В действии

Поле для ввода «Prompt»

var value = prompt('Вопрос', 'Значение по умолчанию');

Диалоговое окно для ввода строки, если нажата кнопка «Отмена» возвращает null .

Комментарии

Другие публикации

Smarty это компилирующий обработчик шаблонов для PHP позволяющий отделить логику и HTML-верстку веб-приложения.

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

Несколько примеров как сделать кнопки прокрутки страницы вверх и вниз. Для скроллинга используется jQuery функция.

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

Сookies или куки – это данные в виде пар ключ=значение, которые хранятся в файлах на компьютере пользователя. Для хранимых данных существуют несколько ограничений.

Источник

Confirm Yes or No With JavaScript

Sajal Soni Last updated Jul 21, 2021

In this quick article, we’ll discuss how to display a confirm dialog box using JavaScript. The confirm dialog box allows you to perform actions based on the user input.

JavaScript is one of the core technologies of the web. The majority of websites use it, and all modern web browsers support it without the need for plugins. Here at Envato Tuts+, we’re discussing tips and tricks that will help you in your day-to-day JavaScript development.

As a JavaScript developer, you often need to take user input in the form of yes or no question, and based on that you want to perform certain operations. Specifically, there are certain operations that are sensitive and can’t be undone, and you would like to warn or confirm with users if they really intend to perform the operation, so they don’t do it mistakenly. For example, if there’s a delete link which allows you to delete an entity from a database, you would like to confirm with users if they really want to delete it. So even if users click on the delete link by mistake, they at least get a chance to cancel it.

In this post, I’ll show you two ways to confirm a user action in JavaScript: using the confirm method and using a hidden confirmation div .

Syntax of the confirm Method

In JavaScript, you can use the confirm method of the window object to display a dialog box, and wait for the user to either confirm or cancel it. Today, we’ll discuss how it works along with a real-world example.

In this section, we’ll go through the syntax of the window.confirm method.

The syntax of the confirm method looks like this:

var result = window.confirm(message); 

The confirm method takes a single string argument, and you can pass a message which you want to display in a dialog box. It’s an optional argument, but you’ll want to pass a sensible message—otherwise a blank dialog box with yes and no options will be displayed and probably won’t make any sense to your visitors. Usually, a message is in the form of a question, and a user is presented with two options to choose from.

In a dialog box, there are two buttons: OK and Cancel. If a user clicks on the OK button, the confirm method returns true , and if a user clicks on the cancel button, the confirm method returns false . So you can use the return value of the confirm method to know the user’s selection. (If you want the buttons to say something different, like Yes and No, I’ll show you how at the bottom of this post.)

Since the window object is always implicit, which is to say its properties and methods are always in scope, you can also call the confirm method, as shown in the following snippet.

var result = confirm(message); 

It’s important to note that the confirmation dialog is modal and synchronous. Thus, JavaScript code execution is stopped when the dialog is displayed, and it is continued after the user dismisses the dialog box by clicking on either the OK or cancel button.

So that’s an overview of the syntax of the confirm method. In the next section, we’ll go through a real-world example.

A Real-World Example of the confirm Method

In this section, we’ll go through a real-world example which demonstrates how you can use the confirm method in JavaScript.

Take a look at the following example.

When a user clicks on the Delete My Profile! button, it calls the deleteProfile function. In the deleteProfile function, we’ve called the confirm method which presents the confirmation dialog box to the user.

Finally, if a user clicks on the OK button in that confirmation dialog, we’ll go ahead and redirect the user to the /deleteProfile.php page, which will perform the delete operation. On the other hand, if a user clicks on the Cancel button, we won’t do anything. JavaScript execution is halted until the user makes a choice and dismisses the confirmation dialog box.

So that’s how you can use the confirm method in JavaScript to present a yes or no selection dialog box.

Confirm Yes or No With a Hidden Div

There are some drawbacks of using the confirm method to get user confirmation. One is that the confirmation dialog will not be part of your app or website’s UI. It will not use your branding or color scheme. It also cannot be customized, for example if you want to say Yes or No instead of OK and Cancel. Finally, the confirmation dialog is modal, so as long as it is being displayed, the user will not be able to interact with any other part of your app’s interface.

Another way to confirm yes or no is with a hidden div on your page. Take a look at the following example:

In this example, we have a hidden confirmation div with the id confirm . To show the div, we simply set its hidden property to true . We set hidden to true when we want to show the confirmation, and set it to false again to hide it.

As you can see, this method of confirming yes or no allows us more flexibility and customization than the window.confirm method.

Conclusion

Today, we discussed two ways to get user confirmation in JavaScript. First we looked at the simplest way: the window.confirm method. However, this doesn’t create a great user experience. Then I showed you how to use a hidden div to get user confirmation with more control over how the confirmation will look and behave.

Источник