Исправляем конфликт чата и шаблонов Illusion и Coloricity

609
Доброго времени суток всем вам! Это моя первая запись в блоге, не только тут но и вообще. Прошу сильно не пинать если что не так.

Речь пойдет о конфликте 2 моих шаблонов "Illusion(платной и бесплатной версии) и Coloricity" с компонентом чата от Maxisoft "iChat - простой чат". Ссылки на них я не прилагаю, так как кому понадобится это исправление уже имеют и шаблон и компонент. Буквально до недавнего времени у меня в арсенале не было ни одного сайта на InstantCms (демо сайты я думаю не в счет), но уже как неделю я делаю некоммерческий портал для своих друзей и для себя лично. Вот мне и понадобился чат, но увы работа с двумя моими шаблонами у него не сложилась.
Подумав что большая часть людей которые использует эти шаблоны читаю раздел блогов, я решил написать способ исправления конфликта сюда.

Начнем.

Почему так? - Увы в данных шаблонах я использовал идентификатор для одного из основных div-ов такой же как встречается в компоненте чата. Это и приводит к его неправильному отображению и работе.

Как исправить? - Есть несколько способов это исправить. Я же опишу один, думаю более понятный для всех в 2-х вариантах:

1. Самостоятельного редактирования (рекомендую его, особенно если были внесены в файлы компонента чата)
Изменения придется внести в 3 файла (для текущей версии чата) chat.css, frontend.php, chat.js. Все эти файлы расположены в components/chat в подкаталогах.

Открываем chat.css (components/chat/css/chat.css)

на самой первой строке
Код PHP:
#wrap {
измените на
Код PHP:
#wrap #wrap {
сохраните изменения

Открываем frontend.php (components/chat/frontend.php)

в районе 57 строки
Код PHP:
#wrap {
измените на
Код PHP:
#wrap #wrap {
сохраните изменения

Открываем chat.js (components/chat/оы/chat.js)

Увы в этом файле изменений надо сделать чуть больше. В районе 92 строки

Код PHP:
      var wtop = $('#wrap').attr("scrollHeight");
      $('#wrap').attr({scrollTop:wtop});
в коде заменяйте '#wrap' на '#wrap #wrap' должно получиться

Код PHP:
      var wtop = $('#wrap #wrap').attr("scrollHeight");
      $('#wrap #wrap').attr({scrollTop:wtop});
в районе 123 строки
Код PHP:
        var wtop = $('#wrap').attr("scrollHeight");
        $('#wrap').attr({scrollTop:wtop});
аналогично
Код PHP:
        var wtop = $('#wrap #wrap').attr("scrollHeight");
        $('#wrap #wrap').attr({scrollTop:wtop});
в районе 157 строки
Код PHP:
        var wtop = $('#wrap').attr("scrollHeight");
        $('#wrap').attr({scrollTop:wtop});
делаем
Код PHP:
        var wtop = $('#wrap #wrap').attr("scrollHeight");
        $('#wpap #wrap').attr({scrollTop:wtop});
Сохраняем файл. Конфликт исчерпан.

2. Замена файлов(используйте только если в файлах компонента чата изменения не проводились)
Скачайте этот архив. Скопируйте его содержимое в components/chat на вашем сайте.


В заключение:
1. Данный способ возможно не самый правильный.
2. Для версии 1.8.1 я постараюсь подготовить шаблоны с устраненным конфликтом.
3. Если что не так извините.
Шаблон Socium 3.0 и мои поздравления с НГ
Комментарии (3)
eskimoss 31 октября 2011 в 06:56 +1
no avatar
Спасибо! и шаблоны отличные!
abasia 31 октября 2011 в 10:47 0
small user social cms
И мне помог, спасибо. Правда, сейчас отключил чат у себя за не востребованностью sad
alisa 31 октября 2011 в 14:06 +1
small user social cms
Спасибо за подробное описание решение проблемы, как раз собиралась ставить чат. Боюсь представить, сколько бы я со своим уровнем знаний пыталась понять, в чем проблема. И да, шаблоны действительно отличные.