СКРИПТЫ
ТЕГИ:
php (283)
js (166)
html (138)
css (116)
html tags (61)
jquery (40)
edit text (37)
php array (30)
form html (29)
fonts (27)
ruweb.net (23)
foto (22)
atom (20)
online (19)
forum (19)
svg (18)
Показать еще :
board (17)
hosting (17)
html book (16)
php file (16)
js method (16)
input (15)
color (15)
link (15)
php date (15)
js events (14)
htaccess (13)
table (13)
osclass (13)
path (12)
js delete (12)
select (12)
download (11)
img (11)
form (11)
dw block (11)
notepad (11)
icon (11)
php time (11)
keyboard (11)
php img (11)
jsphp (11)
mouse (10)
url (10)
js time (9)
info (9)
yandex (9)
php url (7)
comment (7)
cookie (7)
dosite (7)
hover (7)
task (7)
js url (6)
list (6)
iframe (6)
click (6)
year (6)
mysql (6)
search (5)
ftp (5)
chart (5)
browser (5)
js id (5)
mb (5)
php get (5)
heading (5)
adminka (5)
value (5)
symbols (4)
vk (4)
js form (4)
console (4)
mounth (4)
submit (4)
reg.ru (4)
bbcode (4)
day (4)
week (4)
captcha (3)
js img (3)
ucoz (3)
line (3)
ssl (3)
scandir (3)
pages (3)
js post (3)
https (3)
vs code (3)
padding (3)
рся (2)
second (2)
money (2)
youtube (2)
video (2)
typeof (2)
seo (2)
sitemap (2)
title (2)
tag hr (2)
cursor (2)
js vars (2)
counter (2)
arrows (2)
base64 (2)
qr kod (2)
height (2)
details (2)
archive (1)
numbers (1)
domen (1)
books (1)
куб (1)
scroll (1)
smile (1)
header (1)
windows (1)
google (1)
speed (1)

Что такое prompt в javascript как использовать?

prompt Js - что такое? Как можно применить на сайте окно промпт javascript. Разберем примеры и реальные коды, которые заставим работать!

Подробно о prompt в javascript

  1. Что такое prompt в javascript!?
  2. Вызвать prompt по нажатию на кнопку.
  3. Передать из prompt в php(get).
  4. Передать из prompt в php(post).
  5. Передать из prompt в php(post(jquery)).

  1. Что такое prompt в javascript!?

    В javascript есть несколько типов окон, которые вызываются в браузере, об одном таком окне мы уже рассказывали(alert).

    prompt в javascript - это окно с полем ввода!?

    Для данного поля есть несколько вопросов, которые сразу возникают:

    Как вывести поле ввода prompt на экран?

    И как получить данные из поля prompt, на например в тот же alert

    Как вывести поле ввода prompt на экран?

    Наверное... давайте выведем поле "prompt" Прямо при загрузке страницы!

    Если вы примерно не представляете, что такое get, то с помощью данной функции сделаем прямо здесь новую пустую страницу! Этот пример равносилен запуску "prompt" при загрузке страницы.

    нажми на меня!

    Код такого простого примера prompt:

    <script>

    let firstName = prompt("Как Вас зовут?");

    if(firstName)

    {

    alert("Добро пожаловать " + firstName);

    }

    else

    {

    alert("Вы нажали отменить");

    }

    </script>


  2. Вызвать prompt по нажатию на кнопку.

    Для того, чтобы вызвать prompt по нажатию на кнопку нам понадобится:

    Кнопка button, либо любой другой элемент Dom-a.

    Для клика нам понадобится id в button :

    <button id="idbutton">Нажми на меня!</button>

    Далее воспользуемся одним из способов onclick

    idbutton . onclick = function()
    {
    Сюда поместим код prompt , который был использован выше...
    }

    Соберем весь код вместе...

    Html:

    <button id="idbutton">Нажми на меня!</button>

    javascript :

    <script>

    idbutton . onclick = function()

    {

      let firstName = prompt(\'Как Вас зовут?\');

      if(firstName)

      {

        alert("Добро пожаловать " + firstName);

      }

      else

      {

        alert("Вы нажали отменить");

      }

    }

    </script>

    Живой пример вызов prompt по нажатию на кнопку.

    Для того, чтобы вызвать prompt по нажатию на кнопку - нажмите кнопку "Вызови prompt - нажми на меня..."


  3. Передать из prompt в php(get)

    Скачать скрипт Передать из prompt в php(get)

    Для того, чтобы передать из prompt в php будем использовать get запрос, нам понадобится:

    Начнем с php

    В самом верху страницы разместим вот такой код php с проверкой существования массива "$_GET" - не буду подробно описывать... здесь все просто...

    Если есть "$_GET" массив - обрабатываем его.

    Если нажали отменить выводим "Вы нажали отменить!".

    И в каждом из выводов используем якорь для возврата.

    Cv. ниже код php.

    Далее HTML

    Перейдем к HTML.

    Для того, чтобы вернуться к описанию, после обработки "prompt в php" ставим якорь("a name")

    Чтобы отправить "prompt в php" нам потребуется кнопка.

    html код см. ниже

    javascript

    Не буду усложнять дополнительными проверками... напишем совсем просто!

    При onclick вызовем prompt.

    Полученное из prompt ...

    Отправим в get запрос...

    Который в свою очередь будет внутри location.href

    Пример кода для отправки из из prompt в php(get)

    PhP

    <?

    if($_GET['message'])

    {

      if($_GET['message']=='null')

      {

        exit('Вы нажали отменить!<br><a href="https://dwweb.ru/prompt_js.html#message">Вернуться</a>');

      }

      else

      {

        exit('Отправлено через $_GET : <span style="color:red">'.strip_tags($_GET[message]). '</span><br><a href="https://dwweb.ru/prompt_js.html#message">Вернуться</a>');

      }

    }

    ?>

    Html

    <a name="message"></a>

    <button id="id_message">Отправь из prompt в php!</button>

    javascript

    <script>

    id_message . onclick = function()

    {

    message = prompt('Здесь вопрос/утверждение/текст');

    window.location.href = 'https://dwweb.ru/prompt_js.html?message='+message;

    }

    </script>


    Живой пример отправки из prompt в php

    Для того, чтобы отправить из prompt в php:

    Нажмите кнопку "Отправь из prompt в php!".

    В сработавшем окне prompt можно выбрать 3 варианта:

    Не заполнять поле prompt и нажмите продолжить - ничего не произойдет, потому, что "get" будет пустой.

    Заполнить поле "prompt" и отправленное значение ведется через php после перезагрузки страницы.

    Нажать отменить


  4. Передать из prompt в php(post).

    Скачать здесь.

    Для того, чтобы передать из из prompt в php с помощью post Нам потребуется:

    Нам нужна теория об отправке post в javascript

    Первый файл "example.html" поместим prompt, почти тот же скрипт, что был в предыдущем пункте, только вместо "window.location.href" вызовем функцию "post javascript"... код слишком длинный, поэтому скачивай архив, внутри два файла.

    Нам потребуется второй файл, в котором будет проверка на отправленный "post".

    <?
    if($_POST['message'])
    {
    echo 'Я файл promt_post.php и я получил post запрос его значение : ' . strip_tags($_POST['message']);
    }
    ?>

    И выведенное выше вернется к нам в первый файл(текст + значение, просто для того, чтобы понять, файл принял отправленный "post" или нет?)

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

    Пример отправки из prompt в php(post).

    Пример отправки из prompt в php(post) в отдельном файле


  5. Передать из prompt в php(post(jquery)).

    Скрипт в сборе скачать здесь

    Для того, чтобы отправить post в php jquery нам потребуется:

    предыдущий пункт...

    И заменяем "js post" на "jquery post"

    Всё остальное под копирку...

    Пример отправки из prompt в php(post(jquery)).

    Пример отправки из prompt в php(post(jquery)) в отдельном файле

Пользуйтесь на здоровье! Не забудьте сказать спасибо
Теги :
prompt js примеры
o промпт
использование prompt
вывод с помощью prompt
поле ввода prompt
отправить данные с помощью prompt
из prompt в переменную
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =

Счетчик в график :

Построение гравиков
Основа для графика : счетчик посещаемости.
Последние комментарии :
вывы :
05.06.2022 12:32
сейчас яндекс добавил индексацию js в…
подробнее.
Марат :
02.06.2022 20:14
Михаил :
02.06.2022 20:10
Ну вот только для этого может быть ;) А так, нет смысла…
подробнее.
Марат :
02.06.2022 15:59
Чтобы вы зашли на данную страницу и нажали на…
подробнее.
Михаил :
02.06.2022 14:33
Ну вот только для этого может быть :) А так, нет смысла…
подробнее.
Алексей :
26.05.2022 14:19
👍👍👍
подробнее.
ruweb
Страница загружена за : 0.02387 секунд. Подробнее