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

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


person burakokumus    schedule 20.03.2013    source источник


Ответы (2)


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

person Lior Elrom    schedule 20.03.2013

вы должны создать еще один файл PHP и включить этот файл в каждый файл, где вы хотите окно напоминания.

  1. в общем файле должна быть какая-то функция, такая как 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>  
              </div> 
         <div class="modal-footer"> 
              <button type="submit" class="btn btn-primary" data-dismiss="modal" >
                    Ok
             </button> 
       </div>
           
person Hitesh Vyas    schedule 20.07.2017