Блог

Главная - Вопросы по программированию - Всплывающее окно, которое будет отображаться в заданный период времени

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

#javascript #php #jquery #codeigniter

#javascript #php #jquery #codeigniter

Вопрос:

Я создал всплывающее окно (при загрузке Windows). Я хочу, чтобы оно отображалось только с 18 по 25 число каждого месяца. Как я мог это сделать? Я использую Codeigniter.

Модель:

 public function getunpaidtodate() {

    $query = $this->db->query("SELECT spp.studentid, si.firstname, 
                                      si.lastname 
                                FROM `studentpaymentplan` spp
                                    JOIN studentinfo si ON spp.studentid=si.studentid 
                                GROUP BY spp.studentid");     
    return $query->result();  
}

контроллер:

 $data['result'] = $this->mdl_studentinfo->getunpaidtodate();

просмотр файла:

 <div class="alert" id='alert'>
      <span class="closebtn" id="test" onclick="this.parentElement.style.display='none';">amp;times;</span>
      <strong><?php  echo ' '; echo $row->firstname; echo ' '; echo $row->lastname; ?>

        <table>
        <tr>
        </tr>
        <?php foreach($result  as $r): ?>
        <tr><?php echo $r->firstname; ?>
            <?php echo $r->lastname; ?>
        </tr><br>
        <?php endforeach; ?>
        </table>
       <br></strong> pay soon !
</div>

Спасибо!

Комментарии:

1. Я бы сделал это там, где вы запускаете всплывающее окно. Можете ли вы показать этот код?

2. HTML немного запутан в области таблицы

Ответ №1:

 <script>

$(function() {

 var now = new Date();
        if (now.getDate() >= 18 amp;amp; now.getDate() <= 25) {
            run_pop_up_function();
        }
});

</script>

Комментарии:

1. Большое спасибо. Я добавил ваш скрипт и немного обновил … он работает

Ответ №2:

Я обновил приведенный выше скрипт и добавил id = ‘alert’ для отображаемого div

 <script>
$(document).ready(function(){
     var now = new Date()
     if(now.getDate() <= 19 ){
    $(window).load(function(){
        // alert("Page loaded.");
         $('#alert').hide();
    });
 }
});
</script>