Gentelella Master 前端框架 (TP5+MySql)

關於Notifications（其用到PNotify JS）。

說明：用於提示性功能，可於任何地方彈出，並設定時間內自動收回。取替煩人的alert。

位於：general_elements.html

注意1：起始使用時會發生一個問題—一直彈出Welcome。要於customer.min.js中把init_PNofity方法移除。

注意2：如何改變回收時間。

關於Modals（）。

說明：用於提示性功能及接收信息功能，可於任何地方彈出，取替煩人且醜陋的confirm。

位於：general_elements.html

作法1：向用戶展示靜態內容。

  　　<!-- 大單備註 modal -->          <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal_appover">Small modal</button>          <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-hidden="true" id="modal_appover">            <div class="modal-dialog modal-sm">              <div class="modal-content">                <div class="modal-header">                  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>                  </button>                  <h4 class="modal-title" id="myModalLabel2">財務備註</h4><small> * 內容包括拒絕原因或反饋給申請人的訊息</small>                </div>                <div class="modal-body">                  <p id="modal_appform_appover_memo">相關內容</p>                </div>                <div class="modal-footer">                  <button type="button" class="btn btn-primary" data-dismiss="modal">明白</button>                </div>              </div>            </div>          </div>      <!-- /大單備註 modal -->

作法2：向用戶展示動態內容。

將其改為java script：

         <!-- 大單備註 modal -->                    <a data-toggle="modal" onclick="popu_appform_appover_memo('{$appform.appover_memo}');">財務</a>          <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-hidden="true" id="modal_appover">            <div class="modal-dialog modal-sm">              <div class="modal-content">                <div class="modal-header">                  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>                  </button>                  <h4 class="modal-title" id="myModalLabel2">財務備註</h4><small> * 內容包括拒絕原因或反饋給申請人的訊息</small>                </div>                <div class="modal-body">                  <p id="modal_appform_appover_memo">相關內容</p>                </div>                <div class="modal-footer">                  <button type="button" class="btn btn-primary" data-dismiss="modal">明白</button>                </div>              </div>            </div>          </div>      <!-- /大單備註 modal -->

      // 顯示大單備註      popu_appform_appover_memo = function(msg){         if(''==msg){           msg='暫無內容';         }           $("#modal_appform_appover_memo").html(msg);         $("#modal_appover").modal();      }