[Модификация] AJAX вывод времени ожидания

Shaman Daniels · 13 июля, 2015

1. Открываем profile.js
Добавляем после //ADS :

//AJAX вывод времени ожидания
   var pEnum = 0;
 var addbox = {
  times: function(){
    viiBox.start();
    $.post('/index.php?go=support&act=times', function(d){
      viiBox.win('times', d);
    });
  }
  }

2. В main.tpl
Вставляем в меню:

<a class="top_nav_link" id="top_support_link" href="/" onClick="addbox.times(); return false">помощь</a>

3. Файл закинуть в нужную папку.

4. В support.php
Найти:

//################### Страница создание нового вопроса  ###################//
        case "new":
            $tpl->load_template('support/new.tpl');
            $tpl->set('{uid}', $user_id);
            $tpl->compile('content');
        break;

И ниже добавляем:

//################### AJAX вывод ожидания ответа ###################//
        case "times":
            NoAjaxQuery();
            $tpl->load_template('support/ajax.tpl');
            $tpl->set('{id}', $_POST['id']);
            $tpl->compile('content');
            AjaxTpl();
            die();
        break;

5. style.css
В самый конец вставить:

/* New buttons for social */

.button_blue,
.button_gray {
  text-align: center;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  *display: inline;
  position: relative;
  line-height: normal;
  zoom: 1;
}
.box_controls .button_blue,
.box_controls .button_gray {
  margin: 2px 5px;
}
.button_blue button,
.button_gray button {
  border: 1px solid;
  background: none;
  font-size: 11px;
  margin: 0px;
  cursor: pointer;
  white-space: nowrap;
  outline: none;
  padding: 4px 14px;
  *padding: 5px 15px 3px;
  font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;
  vertical-align: top;
  overflow: visible;
}
.font_medium .button_blue button,
.font_medium .button_gray button {
  font-size: 12px;
}
.button_wide {
  display: block;
}
.button_wide button {
  width: 100%;
}
.button_big button {
  padding: 5px 14px;
  *padding: 6px 15px 4px;
}

.button_blue button::-moz-focus-inner,
.button_gray button::-moz-focus-inner {
  border: 0;
}

.button_blue {
  border: 1px solid #4e934e;
  border-top-color: #519551;
  background: #5ca65c;
}
.button_blue button {
  border-top-color: #78bf78;
  border-bottom-color: #58a858;
  border-left-color: #58a858;
  border-right-color: #58a858;
  color: #FFF;
  text-shadow:0 1px 0 #458e45;
  *border: 0;
  background: url(../images/button_fb.png) #60a560 repeat-x top;
  background-position: 0px -16px;
  *background-position: 0px -16px;
}
.button_blue button:hover,
.button_blue button.hover {
  background-position: 0px -8px;
}
.button_blue button:active,
.button_blue button.active {
  background: #5da45d;
  border: 1px solid #5da45d;
  position:relative;
}
.button_gray {
  border: 1px solid #b3b3b3;
  background: #e0e0e0;
}
.button_gray button {
 border-top-color: #ffffff;
 border-bottom-color: #e5e5e5;
 border-left-color: #e7e7e7;
 border-right-color: #e7e7e7;
 color: #444;
 text-shadow:0 1px 0 #ffffff;
 *border: 0;
 background: url(../images/button_fb.png) #dddddd repeat-x top;
 background-position: 0px -54px;
}
.button_gray button:hover,
.button_gray button.hover {
 background-position: 0px -46px;
}
.button_gray button:active,
.button_gray button.active {
  background: #dcdcdc;
  border: 1px solid #dcdcdc;
  position:relative;
}
.button_lock {
  background: url('/images/upload_inv.gif') center no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
}
.button_gray .button_lock {
  background: url('/images/upload.gif') center no-repeat;
}

a.button_link:hover,
a.button_blue:hover,
a.button_gray:hover {
  text-decoration: none;
}

Default.rar