Новые сообщения · Участники · Правила форума · Поиск
Страница 1 из 11
Модератор форума: z-17, Anarki 
Форум о uCoz и Web » Система uCoz » Скрипты для uCoz сайта » Чат, загружающийся на страницу (Без iframe)
Чат, загружающийся на страницу
UnShameДата: Четверг, 01.09.2011, 11:00 | Сообщение # 1
Генералиссимус
Сообщений: 1869
Репутация: 173
Социальная репутация:

Статус: Offline
Page Integrated Chat v 1.3

Описание

Новый вид чата - теперь он грузится прямо на странице, а не во фрейме.
Основных плюса два: быстрая загрузка и куча новых возможностей при изменении вида сообщений. Ну и конечно же избавление от iframe'a.
Редактирование сообщений также грузится не в отдельном окне, а прямо в диве с чатом. Реализовано это как два режима чата, между которыми можно переключатся по нажатию кнопки управления сообщениями.
Также к чату прикручено автообновление с запоминанием на куках.
В остальном после установки скрипта чат никак не изменится.
Демонстрация

Демо можно посмотреть тут или тут.

Установка


  • Заливаем скрипт в папку js в корне сайта.
  • Заливаем картинку в папку images в корне сайта.
  • В том месте где у вас чат добавьте перед $CHAT_BOX$
    Code
    <div id="editordiv" style="overflow: scroll;display:none;overflow-x: hidden;height: 300px;"></div> <div id="chatdiv" style="overflow: scroll;overflow-x: hidden;height: 300px;"><img style="padding-top:150px;padding-left:10px;" align="center" src="/images/chatloading.gif" border="0" width="150px" /></div>

  • В нижнюю часть сайта (глобальный блок или просто после всего кода шаблонов) вставьте
    Code
    <script type="text/javascript" src="/js/pageintegratedchat.js"></script>

  • В Форме добавления сообщений Мини-чата заменяем:

    • $FLD_AUTOUPD$ на
      Code
      <select id="mchatRSel" class="mchat" size="1" title="Автообновление" style="font-size:7pt;"><option value="100000000">--</option><option value="5">5 сек</option><option value="15">15 сек</option><option value="30">30 сек</option><option value="60">1 мин</option><option value="120">2 мин</option></select>

    • href="$RELOAD_URI$" на
      Code
      onclick="chatreloading();editorreloading();" class="p"

    • href="$MSGCTRL_URI$" на
      Code
      id="chateditbtn" class="p"


  • В css добавьте
    Code
    #mchatIfm2 {display:none;}
         .p {cursor:pointer;}




Автор скрипта - я (UnShame)

Как установить кнопки социальных сетей?

Не поленитесь просмотреть весьма внушительный Список рабочих uCoz скриптов

Тот, кто удалит этот пост будет гореть в аду.

Сообщение отредактировал UnShame - Суббота, 03.09.2011, 02:17
 
AnarkiДата: Суббота, 03.09.2011, 02:05 | Сообщение # 2
Генералиссимус
Сообщений: 2386
Репутация: 162
Социальная репутация:

Статус: Offline
Твой тот что слева?
"Если не можешь сделать сам — по крайней мере, помешай другому."
Карел Чапек

◘ Я снова в деле.. >:D ◘
 
UnShameДата: Суббота, 03.09.2011, 02:09 | Сообщение # 3
Генералиссимус
Сообщений: 1869
Репутация: 173
Социальная репутация:

Статус: Offline
они оба "мои"
слева - режим редактрирования
скрипт не меняет вид сообщений, только грузит чат на странице
вид сообщений и форму добавления можно делать любой

Тот, кто удалит этот пост будет гореть в аду.
 
AnarkiДата: Суббота, 03.09.2011, 02:18 | Сообщение # 4
Генералиссимус
Сообщений: 2386
Репутация: 162
Социальная репутация:

Статус: Offline
Этио значит что я могу редактировать его внешний вид как угодна не ища классы и т.д. в исходнике,да?
"Если не можешь сделать сам — по крайней мере, помешай другому."
Карел Чапек

◘ Я снова в деле.. >:D ◘
 
UnShameДата: Суббота, 03.09.2011, 02:31 | Сообщение # 5
Генералиссимус
Сообщений: 1869
Репутация: 173
Социальная репутация:

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

Тот, кто удалит этот пост будет гореть в аду.
 
@lienДата: Четверг, 08.03.2012, 19:06 | Сообщение # 6
Рядовой
Сообщений: 1
Репутация: 0
Социальная репутация:

Статус: Offline
Ребят, есть проблема. Решил пихнуть этот чат в скроллбар.
Если не устанавливать фиксированную высоту диву id="chatdiv", то скроллбар не работает.
Code
<div class="scroll-pane" style="height:200px;">
<div id="chatdiv">Загрузка..</div
</div>


Code
$CHAT_BOX$

а если поставить:
Code
<div class="scroll-pane" style="height:200px;">
<div id="chatdiv" style="height:2000px;">Загрузка..</div
</div>

$CHAT_BOX$

то всё отлично работает. Но у мини чата же не фиксированная высота, а 100% не работает.

Кто может, поправьте js, я в нём ноль..
http://fczenit-spb.ru/jsfiles/chatinpage.js

если есть ответ, желательно написать в icq 353714924
ну на крайняк сюда.

предупреждение: помещайте код в [code]


Сообщение отредактировал @lien - Четверг, 08.03.2012, 19:07
 
ApocalypseДата: Пятница, 09.03.2012, 16:47 | Сообщение # 7
Рядовой
Сообщений: 8
Репутация: 7
Социальная репутация:

Статус: Offline
@lien, яваскрипт файл тут ни при чём. Какая именно тебе нужна высота чата?
 
Форум о uCoz и Web » Система uCoz » Скрипты для uCoz сайта » Чат, загружающийся на страницу (Без iframe)
Страница 1 из 11
Поиск: