Открытие модального окна с использованием PHP
Я создаю систему входа в систему в PHP, и я пытаюсь сделать это немного лучше.
Когда вы выйдете из системы, вы будете перенаправлены обратно на index.php. Как это:
header("loaction: index.php?logout=true") Это делает URL похожим на www.mysite.com/index.php?logout=true. Затем я использую следующий код:
чтобы получить значение выхода из URL-адреса и что-то сделать с ним.
У меня есть небольшое всплывающее окно, которое будет отображать значение переменной уведомления. В данном случае это «Вы вышли из системы!» У меня вопрос, как мне заставить модальное окно отображаться при загрузке страницы и когда URL равен /index.php?logout=true?
Все комментарии, ответы и предложения приветствуются!
6 ответов
Вы не можете «Открыть модальное окно с помощью PHP» напрямую. Вы можете сделать это только путем обмена переменными (через JSON или XML) или встраивания условий PHP прямо в вашу разметку.
PHP и JavaScript независимы.
У меня вопрос, как мне заставить модальное окно отображаться при загрузке страницы и когда URL равен /index.php?logout=true?
Есть два способа добиться этого.
Во-первых: хорошо использовать встраивание условий PHP прямо в разметку.
Второе: есть где-то скрытый ввод, вроде ( ), а затем проверьте, существует ли он через сам JavaScript.
РЕДАКТИРОВАТЬ: я думаю, что вы ищете что-то вроде этого для модального окна (с помощью jQuery)
Я знаю, что это старый пост, но чтобы помочь кому-то в будущем с подобным квестом, я думаю, что следующее может помочь в правильном направлении (я сам проверил приведенный ниже код, поэтому, пожалуйста, внесите изменения).
Edit Data
?> Итак, ваш существующий код похож на этот фрагмент, и проблема в том, что вы хотите показать модальный jQuery/Bootstrap, запущенный с / с PHP, но jQuery/JS еще не загрузился (так что вы получите ошибка «$ undefined»).
Когда вы говорите «маленькое всплывающее окно», я предполагаю, что вы имеете в виду модальный тип начальной загрузки.
Я переместил блок кода PHP в конец файла.php, после jQuery (и т. Д.) И включил в него включение, так что это выглядело бы так (при условии, что имя вашего модального имени равно ):
выход из системы-modal.php
Не уверен на 100%, что это отвечает на ваш вопрос, но это работает для меня. Надеюсь это поможет.
Открытие модального окна «с использованием» PHP
Я создаю систему входа в систему на PHP, и я стараюсь сделать ее немного приятнее.
Когда вы выходите из системы, вы перенаправляетесь обратно в index.php. Как это:
header("loaction: index.php?logout=true")
Это делает URL-адрес похожим на www.mysite.com/index.php?logout=true. Затем я использую следующий код:
чтобы получить значение выхода из URL-адреса и сделать что-то с ним.
У меня есть небольшое всплывающее окно, в котором будет отображаться значение переменной уведомления. В этом случае это «Вы вышли из системы!» Мой вопрос: как получить модальное окно для отображения при загрузке страницы и когда url равен /index.php?logout=true?
Все комментарии, ответы и предложения приветствуются!
Вы не можете напрямую открывать модальное окно с помощью PHP. Это можно сделать только путем обмена переменными (через JSON или XML) или вложением условий PHP прямо в вашу разметку.
PHP и JavaScript независимы.
Мой вопрос: как получить модальное окно для отображения при загрузке страницы и когда url равен /index.php?logout=true?
Есть два способа добиться этого.
Во-первых : хорошо использовать внедрение PHP-условий прямо в разметку.
Второй : скрытый ввод, например ( ), а затем проверьте, существует ли он через сам JavaScript.
EDIT: Я считаю, что вы ищете что-то подобное для модального окна (используя jQuery)
Я знаю, что это старый пост, но чтобы помочь кому-то в будущем с похожим кветом, я думаю, что следующее может помочь в правильном направлении (я сам сам тестировал код ниже, поэтому, пожалуйста, внесите корректировки).
Лучший способ сделать это, используя шаблон PRG .
index.php
1. Создайте тело для модального контента в HTML
2. Стиль вашего #modal элемента
3. Определите функцию, как показывать и исчезать с помощью jQuery
'use strict'; window.jQuery ? $.fn.notify = function(interval) < let el = $(this), text = el.text(), modal =()=>< // this will fire after the interval has expired el.fadeOut(), clearInterval(timer) >, timer = setInterval(modal,interval); !text.match(/\S+/) || el.text('') // this will fire when modal box contains text .append(''+text+'
') .show(); > : alert('jQuery required.');
4. Присоедините .notify() к селектору jQuery
5. Вставьте уведомление, отправленное с PHP внутри элемента #modal
6. Сделайте запрос $_GET , выполнив простой метод PRG
parse.php
7. Вернуть значение с помощью PHP в переменной $_SESSION
Это хорошая практика. Обратите внимание, что вы должны установить session_start(); в верхней части ваших файлов.
Или вы даже можете написать скрипт внутри оператора if:
Форма обратной связи в модальном окне на PHP и Ajax
Сегодня я вам покажу как сделать форму обратной связи в модальном окне. Модальное окно будет написано на jQuery. Мы соберем код из ранее выпущенных записей и создадим новую форму обратной связи.
HTML
Открыть форму ОСТАВЬТЕ СВОИ ДАННЫЕ И МЫ С ВАМИ СВЯЖЕМСЯ
и мы удешевим решение вашей задачи без потери качества
CSS
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700); html, body < width: 100%; height: 100%; margin: 0; >.page-wrapper < width: 100%; height: 100%; background-size: cover; >a.btn < width: 200px; padding: 18px 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight: 700; text-align: center; text-decoration: none; text-transform: uppercase; color: #fff; border-radius: 0; background: #e2525c; >.modal-wrapper < width: 100%; height: 100%; position: fixed; top: 0; left: 0; visibility: hidden; opacity: 0; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; background: rgba(0, 0, 0, 0.5); >.modal-wrapper.open < opacity: 1; visibility: visible; >.modal < width: 500px; display: block; margin: 30% 0 0 -250px; position: relative; top: 50%; left: 50%; opacity: 0; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background: #fafafa; >.modal-wrapper.open .modal < margin-top: -200px; opacity: 1; >.head < width: 100%; height: 100%; margin: 0 0 14px; padding: 5px 30px; overflow: hidden; position: absolute; >.btn-close < font-size: 28px; display: block; float: right; color: #fff; >.modal .content < padding: 0 0 20px 0; >.good-job < text-align: center; font-family: 'Montserrat', Arial, Helvetica, sans-serif; color: #e2525c; >.good-job .fa-thumbs-o-up < font-size: 60px; >.good-job h1 < font-size: 45px; >.form_modal_window < max-width: 70%; display: flex; flex-direction: column; margin: auto; >.modal .content .text < background: url("../Bright-Purple-Wallpaper-59-images.jpg"); color: #fff; padding: 10px; margin: 20px 0; >.modal .content .text h2 < margin:0; font-size: 35px; >.modal .content .text p < margin:0; font-size: 14px; >.modal-wrapper < margin: 0 0 20px 0; >.modal .content form input < color: #000; padding: 15px; border: none; margin-bottom: 15px; box-shadow: 0px 1px 3px 1px #e9e9e9; font-size: 15px; >.modal .content form input[type=submit] Скрипт для модального окна
$( document ).ready(function() < $('.trigger').on('click', function() < $('.modal-wrapper').toggleClass('open'); $('.page-wrapper').toggleClass('blur-it'); return false; >); $('.head').on('click', function ()< $('.modal-wrapper').removeClass('open'); >) >);
PHP
else< /*ЕСЛИ ВСЕ ПОЛЯ ЗАПОЛНЕНЫ НАЧИНАЕМ СОБИРАТЬ ДАННЫЕ ДЛЯ ОТПРАВКИ*/ $to = "your_mail@mail.ru"; /* Адрес, куда отправляем письма*/ $subject = "Письмо с обратной связи"; /*Тема письма*/ $headers = "MIME-Version: 1.0\r\n"; $headers .= "Content-type: text/html; charset=utf-8\r\n"; $headers . ;/*ОТ КОГО*/ /*ВО ВНУТРЬ ПЕРЕМЕННОЙ $message ЗАПИСЫВАЕМ ДАННЫЕ ИЗ ПОЛЕЙ */ $message .= "Имя пользователя: ".$name."\n"; $message .= "Почта: ".$email."\n"; $message .= "Телефон: ".$tel."\n"; /*ДЛЯ ОТЛАДКИ ВЫ МОЖЕТЕ ПРОВЕРИТЬ ПРАВИЛЬНО ЛИ ЗАПИСАЛИCM ДАННЫЕ ИЗ ПОЛЕЙ*/ //print_r($message); $send = mail($to, $subject, $message, $headers); /*ЕСЛИ ПИСЬМО ОТПРАВЛЕНО УСПЕШНО ВЫВОДИМ СООБЩЕНИЕ*/ if ($send == "true") < echo "Ваше сообщение отправлено. Мы ответим вам в ближайшее время.\r\n
"; > /*ЕСЛИ ПИСЬМО НЕ УДАЛОСЬ ОТПРАВИТЬ ВЫВОДИМ СООБЩЕНИЕ ОБ ОШИБКЕ*/ else < echo "Не удалось отправить, попробуйте снова!
"; > > ?>
На этом всё!
Больше интересных статей в нашей группе — https://vk.com/progtime
Вы так же можете разместить свой вопрос на нашем форуме, где другие программисты смогут вам помочь в решение вашей задачи — https://vk.com/prog_time
Так же прокачивайте свои навыки на нашем канале — https://www.youtube.com/c/ProgTime
- Написание материала для курса по разработке ботов на Telegram
- Разработка универсального парсера на PHP
Каждый переведённый донат, мотивирует на создание новых записей и уроков на YouTube