Как отобразить окно напоминания на любой странице приложения

Question

В моем веб-приложении пользователи смогут устанавливать напоминания о предстоящих задачах и событиях. Я разрабатываю приложение, используя CodeIgniter (PHP) с базой модель-представление-контроллер. Я установил таблицу базы данных, необходимую для напоминаний. Я буду запускать свой контроллер напоминаний с сервером заданий. И мое замешательство начинается здесь. Этот контроллер вызовет файл представления, который является всплывающим окном. Но мне нужно отобразить это всплывающее окно с напоминанием на странице, на которой находится пользователь. Как я могу отобразить вид на другой? Или что бы вы порекомендовали?

Answer 1

Я полагаю, вы имеете в виду модальное окно. Если это так, вам нужно работать с JS/jQuery или / и CSS. Вы можете найти его в Google и найти множество учебных пособий по модалам. Если нет, то, пожалуйста, уточните свой вопрос.

Answer 2

Вы должны сделать еще один php-файл и ввести этот файл в каждый файл, где вы хотите окно напоминания. 1. в файле commen должна быть какая-то функция типа "setInterval", затем вызвать модал через js или jquery.

2. Может быть, это помогает (оба находятся в одном файле)

JS

`

setInterval(tick, 30000); function tick() { //get the mins of the current time var mins = new Date().getMinutes(); if(mins == "18"|| mins == "19" || mins == "20"||mins == "21" || mins == "22" || mins == "23"){ $('#reminder').modal('show'); beep(); } }
------------------------------------------------------------------------

`

HTML я использую здесь Bootstrap модальный

`

<div id="reminder" class="modal fade bd-example-modal-lg" > 
<div class="modal-dialog modal-lg" style=" margin-top: 150px; ">
 <div class="modal-content"> 
<div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h4 class="modal-title" style="color:red;">Reminder</h4> </div> <div class="modal-body" id="reminder_body"> <script> load_reminder(); </script> </p> </div> <div class="modal-footer"> <button type="submit" class="btn btn-primary" data-dismiss="modal" >Ok</button> </form> </div> </div> </div> </div>
------------------------------------------------------------------------

    `