stalkerg / habrachat Goto Github PK

• Звуковое оповещение при упоминании ника
• Выбор ника (чтобы он не зависел от ulogin, а выбирался самостоятельно)
• Модераторы
• Бан на n минут за спам
• Ограничение (пауза) между поставим, чтобы не флудили, например одно сообщение в секунду, не чаще
• Выбор в настройках расположения окна ввода/вывода сообшений (сверху вниз, снизу вверх)
• Личные сообшения
• Приватные комнаты с приглашением в них кого-то по ссылке или в меню
• Добавить какое-нибудь контекстное меню в списке чатлан
• Смайлы
• Настройка цвета ника, цвета текста сообщения
• Жирный, курсив, подчеркнутый стиль сообщения
• Выбор в настройках между Ctrl+Enter и Enter для отправки сообщения
• Настройка ширины списка чатлан/хабов методом перетаскивания границы
• Черный список для ссылок (например приходит юзер, пытается написать сообщение в чат, а в нем запрещенная ссылка. Если она есть в ЧС, то сообщение не проходит, юзер банится и т.д.)
• Добавить правила для чатов (что можно, что нельзя)
• История сообщений (за день, неделю или за все время)

Судя по всему переворот чата происходит по событию "отмечен чекбокс". Поэтому всегда изначально окно для ввода вверху, для того чтобы перевернуть приходится снять галочку с чекбокса и тут же поставить. Предлагаю при старте проверку сделать, стоит галочка или нет. Сорь если не туда замечание написал.

Вот пытался сделать скриптик что бы бб коды быстро вставлять, накидал быстренько... Но тут какая то сложная система js, я слишком неграмотен, что то мешает работе.
Что бы выполнить нужно нажать в хроме ctrl+shift+j вставить это и нажать enter. Теги отображаются но с обработкой onclick что то нето.

var tags = {
  "b": "[b][/b]",
  "i": "[i][/i]",
  "u": "[u][/u]",
  "s": "[s][/s]",
  "img": "[img][/img]",
  "quote": "[quote][/quote]",
  "size": "[size=15][/size=15]",
  "color": "[color=red][/color=red]"
};

var buttonStyle = "style=\"border: 1px solidd black; width: 100px; height: 10px; cursor: pointer; display: inline-block; padding: 0 10px 0 10px;\"";

var tagsPanel = "<div onClick=\"addTag('b');\" "+buttonStyle+">Полужирный</div> <div onClick=\"addTag('i');\" "+buttonStyle+">Наклонный</div> <div onClick=\"addTag('u');\" "+buttonStyle+">Подчёркнутый</div> <div onClick=\"addTag('s');\" "+buttonStyle+">Зачёркнутый</div> <div onClick=\"addTag('img');\" "+buttonStyle+">Картинка</div> <div onClick=\"addTag('quote');\" "+buttonStyle+">Цитата</div> <div onClick=\"addTag('size');\" "+buttonStyle+">Размер</div> <div onClick=\"addTag('color');\" "+buttonStyle+">Цвет</div>";

document.getElementsByClassName("input-row")[0].innerHTML += tagsPanel;

function addTag(tag) {
document.getElementById("message_textarea").innerHTML += tags[tag];
};