СКРИПТЫ alt phpjshtmlcssblog
ТЕГИ:
php (267)
js (136)
html (133)
css (96)
html tags (58)
edit text (37)
jquery (36)
form html (29)
php array (28)
foto (23)
fonts (22)
forum (19)
atom (17)
board (17)
hosting (17)
html book (17)
Показать еще :
svg (16)
js method (16)
php file (15)
ruweb.net (15)
color (14)
osclass (13)
htaccess (13)
path (12)
table (12)
input (11)
icon (11)
info (11)
online (11)
yandex (11)
php date (11)
notepad (11)
js delete (11)
php img (10)
url (10)
jsphp (10)
form (8)
task (7)
cookie (7)
comment (7)
php url (7)
click (6)
ftp (6)
js url (6)
value (5)
reg.ru (5)
mb (5)
adminka (5)
js id (4)
bbcode (4)
js form (4)
select (4)
search (4)
js copy (4)
vk (3)
captcha (3)
js time (3)
iframe (3)
vs code (3)
sitemap (2)
js post (2)
browser (2)
console (2)
seo (2)
tag hr (2)
ukoz (2)
header (1)
archive (1)
smile (1)
numbers (1)
ssl (1)
books (1)

Использование и примеры confirm в javascript

Вы уже видели пример вывода confirm его обработку при загрузке страницы!!!Разберемся, что такое confirm, как его можно использовать!
Продолжаем тему "окон в javascript".

Подробно о "confirm в javascript".

  1. Что такое "confirm в javascript"?
  2. Использование "confirm" на сайте.

  1. Что такое "confirm в javascript"?

    Дадим определение, что такое "confirm в javascript":
    "Сonfirm в javascript" - это один из способов вызвать всплывающее окно. Со своими уникальными возможностями!

    Синтаксис "confirm в javascript":

    var sends = confirm("Вопрос...");
    Далее выведем результат работы "confirm в javascript"
    alert sends;

    И в зависимости от вашего ответа...либо да, либо нет, "confirm" вернет... либо true, либо false!

    Разберем вывод окна "confirm в javascript":

    При загрузке страницы, выводилось окно скриптом

    <script>

    var sends= confirm("Вам больше 18?");

    if(sends==true)

    {

      alert( "вам доступен данный контент" );

    }

    else

    {

      alert( "Приходите, когда вам будет больше 18" );

    }

    </script>


  2. Использование "confirm" на сайте.

    Но если нам требуется использовать всплывающее окно "confirm" на сайте, по нажатию на какую-то кнопку... в качестве примера возьмем... к примеру показ какого-то контента, если человек согласился с правилами или нет...

    для этого нам понадобится...

    Нам нужна кнопка(button), по которой будем нажимать...

    <button id="iddiv">Подтвердите согласие с правилами</button>

    Далее будет какой-то контент... здесь для простоты примера, используем "display:none"

    <div id="iddiv2" style="display:none">Здесь контент, который доступен после подтверждении согласия!</div>

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

    <script>

    document.addEventListener("click", function(is)

    {

      if(is.target.id=="iddiv") { example =1;}

      if(example)

      {

        sends = confirm("Вы согласны с правилами сайта?");

        if(sends==true)

        {

          alert( "Открываем новый контент" );

          iddiv2.style = "display:block";

          iddiv.style = "display:none";

        }

        else

        {

          alert( "Простите... вы не согласились с правилами" );

        }

        example="";

      }

    })

    </script>

    Результат использования "confirm" на сайте.

Пользуйтесь на здоровье! Не забудьте сказать спасибо
Теги :
confirm js
js alert confirm
confirm js пример
js alert confirm prompt
confirm vue js
custom confirm js
js confirm dialog
javascript confirm
javascript alert confirm
javascript window confirm
alert prompt confirm в javascript
confirm javascript пример
функция confirm в javascript

Сообщение системы комментирования :

01.09.2021

Форма пока доступна только админу... скоро все заработает...надеюсь...

Последние комментарии :
Марат :
10.10.2021 17:20
Добавлен новый смайл
подробнее.
Марат :
05.10.2021 26:37
Страница sitemap.html восстановлена. Но будут вводиться только страницы…
подробнее.
Марат :
04.10.2021 38:22
Добавил несколько вариантов поставить смайл на страницу своего сайта! 3 варианта! Кроме варианта скачать…
подробнее.
Марат :
17.09.2021 28:02
Установка Яндекс поиск на сайт! Контент обновлен на 100%. Такое ощущение, что старый текст не я…
подробнее.
Марат :
07.09.2021 23:21
Частенько приходится исправлять ошибки и вот...как-то я обратил внимание на надпись: "нажми ctrl enter" на сайте и…
подробнее.
Марат :
23/07/2021 10:58
Сам офигеваю...
подробнее.