Сообщений в теме: 16

[romchik4021]

Всем привет.

После того, как я сделал вывод чата с игровых серверов в SourceBans, я решил, что нужно реализовать динамическое обновление чата (то есть вывод сообщений в реальном времени).

Для этого создал отдельный файл (refrash.php), который подключался из файла чата.
В refrash.php я добавил следующий код:

Скрытый текст

<!--Подрубаем jquery-->
<script type="text/javascript" src="scripts/jquery.js"></script>

<!--Динамическое обновление чата-->
<script type="text/javascript">      
          var inProcess = false;
          function show() {
            if (inProcess) return;
            inProcess = true;
            $.ajax({
              url: "modules/chat/chatv34.php",
              cache: false,
              success: function(html){
                inProcess = false;
                $("#cssv34").html(html);
              }
            });
	    $.ajax({
              url: "modules/chat/chatob.php",
              cache: false,
              success: function(html){
                inProcess = false;
                $("#cssob").html(html);
              }
            });
	    $.ajax({
              url: "modules/chat/chatgo.php",
              cache: false,
              success: function(html){
                inProcess = false;
                $("#csgo").html(html);
              }
            });
          }
        
          $(document).ready(function(){
            show();
            setInterval(function() {
              show();
            },5000);
          });
</script>
 

 

В итоге чат отлично обновляется, но есть проблема с отображением самого SB, а именно не выводится имя страницы чата. Я уже очень много вариантов перепробовал, даже из index.php подгружал скрипт обновления, после чего переставали адекватно загружаться страницы и не работали некоторые формы.

Я так понял, библиотека jquery конфликтует с чем то в SourceBans, но проблему решить так и не удалось. Может посоветуете что нибудь? Как решить эту задачку? Заранее благодарен!

[Santiago]

В SourceBans используется MooTools. Используйте его для аякс запросов (вообще, подключать тяжелый жквери ради использования одной функции - не очень хорошая идея)
Я порекомендую использовать голый XMLHttpRequest

А вообще, в сурсбане для аякс запросов используется xAjax
Используйте его.

Откройте includes/sv-callback.php

 

Сначала необходимо зарегистрировать функцию:

$xajax->registerFunction("ReloadChat");

А затем создать саму функцию:

function ReloadChat()
{
    $objResponse = new xajaxResponse();
    // Делаем логику получения чата
    $chatHtml = '<div>Контент чата</div>';
    $objResponse->addScript("$('block_id').setHTML('{$chatHtml}');");
    return $objResponse;
}

И в шаблоне, где нужно отобразить чат просто вызываем эту функцию:

<script>
setInterval(function() {
    xajax_ReloadChat();
}, 5000);
</script>

[romchik4021]

В SourceBans используется MooTools. Используйте его для аякс запросов (вообще, подключать тяжелый жквери ради использования одной функции - не очень хорошая идея)Я порекомендую использовать голый XMLHttpRequestА вообще, в сурсбане для аякс запросов используется xAjax
Используйте его.

Откройте includes/sv-callback.php
 
Сначала необходимо зарегистрировать функцию:

$xajax->registerFunction("ReloadChat");

А затем создать саму функцию:

function ReloadChat()
{
    $objResponse = new xajaxResponse();
    // Делаем логику получения чата
    $chatHtml = '<div>Контент чата</div>';
    $objResponse->addScript("$('block_id').setHTML('{$chatHtml}');");
    return $objResponse;
}

И в шаблоне, где нужно отобразить чат просто вызываем эту функцию:

<script>
setInterval(function() {
    xajax_ReloadChat();
}, 5000);
</script>

Спасибо, домой приду буду пробовать:-)
Решение вроде отличное, сам не в восторге от жквери в СБ

[romchik4021]

В SourceBans используется MooTools. Используйте его для аякс запросов (вообще, подключать тяжелый жквери ради использования одной функции - не очень хорошая идея)
Я порекомендую использовать голый XMLHttpRequest

А вообще, в сурсбане для аякс запросов используется xAjax
Используйте его.

Откройте includes/sv-callback.php

 

Сначала необходимо зарегистрировать функцию:

$xajax->registerFunction("ReloadChat");

А затем создать саму функцию:

function ReloadChat()
{
    $objResponse = new xajaxResponse();
    // Делаем логику получения чата
    $chatHtml = '<div>Контент чата</div>';
    $objResponse->addScript("$('block_id').setHTML('{$chatHtml}');");
    return $objResponse;
}

И в шаблоне, где нужно отобразить чат просто вызываем эту функцию:

<script>
setInterval(function() {
    xajax_ReloadChat();
}, 5000);
</script>

Вот такой код:

//Делаем динамическое обновление чата
function ReloadChat()
{
    $objResponse = new xajaxResponse();
    // Делаем логику получения чата
    $chatHtml = include("modules/chat/chatv34.php");
    $objResponse->addScript("$('#cssv34').setHTML('{$chatHtml}');");
    return $objResponse;
}

И вот такая ошибка аякса:

Скрытый текст

[Santiago]

Помочь перевести ошибку?

[romchik4021]

Помочь перевести ошибку?

Я английский знаю, но не могу понять, что не так я сделал... Так как текст ошибки аякса стандартный, а вот вместо расшифровки ошибки - отображается страница с чатом   
Еще я не подключаю шаблоны, мне удобнее напрямую с php файлами работать
Структура чатов у меня такая:

Скрытый текст

В файле /pages/page.chat.php подключаются уже чаты для каждой игры отдельно:

<?php
global $theme;
global $userbank;

if(!$userbank->HasAccess(ADMIN_OWNER|ADMIN_WEB_SETTINGS)) 
    {
		echo '<script>ShowBox("Чат временно не доступен!", "В связи с тех.работами на сайте, чат временно не доступен.", "red", "index.php");TabToReload();</script>';
		PageDie();
	}

?>
<div>
  <div class="page-control" data-role="page-control">
	<!-- Responsive controls -->
	<span class="menu-pull"></span> 
	<div class="menu-pull-bar"></div>
	<!-- Tabs -->
	<ul>
		<li class="active"><a href="#cssv34"><img src="images/games/cssv34.png" class="tip" alt="" width="27" align="absmiddle" title="Counter-Strike: Source v34 :: Counter-Strike: Source v34 - является до сих пор самой популярной игрой. Но к сожалению эта версия игры устаревшая, поэтому NoSteam">Counter-Strike: Source v34</a></li>
		<li><a href="#cssob"><img src="images/games/cssob.png" class="tip" alt="" width="24" align="absmiddle" title="Counter-Strike: Source OB :: Counter-Strike: Source OB - актуальная версия игры с обновленным движком OrangeBox (OB), которая поддерживается в Steam">Counter-Strike: Source OB</a></li>
		<li><a href="#csgo"><img src="images/games/csgo.png" class="tip" alt="" width="24" align="absmiddle" title="Counter-Strike: GO :: Counter-Strike: Global Offensive - более новая игра из серии Counter-Strike, которая уже успела завоевать признания игроков. Так же поддерживается в Steam">Counter-Strike: Global Offensive</a></li>

	</ul>
    <!-- Подключение чатов -->

	<div class="frames">
            <div class="frame active" id="cssv34">
                  <?php include_once("modules/chat/chatv34.php"); ?> <!--Подключаем чат для CSS v34 -->
            </div>
		
	    <div class="frame" id="cssob">
		  <?php include_once("modules/chat/chatob.php"); ?> <!--Подключаем чат для CSS OB-->
	    </div>
	
	    <div class="frame" id="csgo">
		  <?php include_once("modules/chat/chatgo.php"); ?> <!--Подключаем чат для CS:GO-->
	    </div>

    </div>
	
  </div> 
</div>

<!--Подключаем скрипт для обновления чатов-->
<script>
setInterval(function() {
    xajax_ReloadChat();
}, 5000);
</script>

(Моя версия PHP 5.5)

Сообщение отредактировал romchik4021: 14 Январь 2017 - 17:45

[Santiago]

В sb-callback.php ты возвращаешь не то, что требуется. Вот и ошибка

[romchik4021]

В sb-callback.php ты возвращаешь не то, что требуется. Вот и ошибка

Эх, знать бы как правильно это реализовать...

[CrazyHackGUT]

@romchik4021, покажите нам код Вашей функции в sb-callback.php, и мы покажем Вам, как надо правильно реализовать.

[romchik4021]

@romchik4021, покажите нам код Вашей функции в sb-callback.php, и мы покажем Вам, как надо правильно реализовать.

Вот такая функция в sb-callback.php (по разному пробовал)

Скрытый текст

//Делаем динамическое обновление чата
function ReloadChat()
{
    $objResponse = new xajaxResponse();
    // Делаем логику получения чата
    $objResponse->addScript("$('#cssv34').setHTML('pages/page.chat.php');");
    return $objResponse;
} 

И вот такая структура чата:

Скрытый текст

В файле /pages/page.chat.php подключаются чаты, для каждой игры отдельно, из него же и вызывается функция обновления чата:

 

<?php
global $theme;
global $userbank;

if(!$userbank->HasAccess(ADMIN_OWNER|ADMIN_WEB_SETTINGS)) 
    {
		echo '<script>ShowBox("Чат временно не доступен!", "В связи с тех.работами на сайте, чат временно не доступен.", "red", "index.php");TabToReload();</script>';
		PageDie();
	}

?>
<div>
  <div class="page-control" data-role="page-control">
	<!-- Responsive controls -->
	<span class="menu-pull"></span> 
	<div class="menu-pull-bar"></div>
	<!-- Tabs -->
	<ul>
		<li class="active"><a href="#cssv34"><img src="images/games/cssv34.png" class="tip" alt="" width="27" align="absmiddle" title="Counter-Strike: Source v34 :: Counter-Strike: Source v34 - является до сих пор самой популярной игрой. Но к сожалению эта версия игры устаревшая, поэтому NoSteam">Counter-Strike: Source v34</a></li>
		<li><a href="#cssob"><img src="images/games/cssob.png" class="tip" alt="" width="24" align="absmiddle" title="Counter-Strike: Source OB :: Counter-Strike: Source OB - актуальная версия игры с обновленным движком OrangeBox (OB), которая поддерживается в Steam">Counter-Strike: Source OB</a></li>
		<li><a href="#csgo"><img src="images/games/csgo.png" class="tip" alt="" width="24" align="absmiddle" title="Counter-Strike: GO :: Counter-Strike: Global Offensive - более новая игра из серии Counter-Strike, которая уже успела завоевать признания игроков. Так же поддерживается в Steam">Counter-Strike: Global Offensive</a></li>

	</ul>
    <!-- Подключение чатов -->

	<div class="frames">
            <div class="frame active" id="cssv34">
                  <?php include_once("modules/chat/chatv34.php"); ?> <!--Подключаем чат для CSS v34 -->
            </div>
		
	    <div class="frame" id="cssob">
		  <?php include_once("modules/chat/chatob.php"); ?> <!--Подключаем чат для CSS OB-->
	    </div>
	
	    <div class="frame" id="csgo">
		  <?php include_once("modules/chat/chatgo.php"); ?> <!--Подключаем чат для CS:GO-->
	    </div>

    </div>
	
  </div> 
</div>

<!--Подключаем скрипт для обновления чатов-->
<script>
setInterval(function() {
    xajax_ReloadChat();
}, 5000);
</script>

[Santiago]

Ссылку в лс скинь

[ruskydubl]

Ссылку в лс скинь

trapserver.ru

[Santiago]

А страница с чатом где?

ЗЫ 49 секунд на открытие страницы с банами. Жестко)

Скорее всего из-за этого тормозит

 

A Parser-blocking, cross-origin script, http://static.cloudim.ru/js/chat.js, is invoked via document.write

[romchik4021]

А страница с чатом где?

ЗЫ 49 секунд на открытие страницы с банами. Жестко)

Скорее всего из-за этого тормозит

На счет загрузки страниц, да, проблема именно с консультантом (сайт консультанта не доступен), подожду пару дней и снесу его если не заработает.
Я включил страницу с чатом -> вот он 
(пока что все чаты подключены к 1 базе данных (cssv34))

[CrazyHackGUT]

//Делаем динамическое обновление чата
function ReloadChat()
{
    $objResponse = new xajaxResponse();
    // Делаем логику получения чата. Запросы к БД там, etc.
    $objResponse->addAssign("cssv34", "innerHTML", $chat);
    return $objResponse;
}

[romchik4021]

//Делаем динамическое обновление чата
function ReloadChat()
{
    $objResponse = new xajaxResponse();
    // Делаем логику получения чата. Запросы к БД там, etc.
    $objResponse->addAssign("cssv34", "innerHTML", $chat);
    return $objResponse;
}

А для чего $chat ?

[Santiago]

А для чего $chat ?

$chat это пример. В этой переменной должна быть строка, которая будет записана в элемент с ID cssv34