Всплывающая мини-панель инструментов для мини-чата

1604
8.4 из 10
Проголосовало: 4






Так, как это работает? То, когда пользователь выделяет слово в поле ввода, появляется, полупрозрачное окно, при наведении на него мышкой окно теряет прозрачность и становится полностью видимым (и наоборот). Для того что бы окно исчезло нужно щелкает где угодно в поле ввода сообщения

Установка:

ПУ \ Управление дизайном \ Мини-чат \ Форма добавления сообщений
в самый низ вставляете:

Code
<script type="text/javascript" src="http://webo4ka.ru/Ucoz4/vsplyvajushhaja_panel_chat_jquery.min.js"></script>
<script type="text/javascript" src="http://webo4ka.ru/Ucoz4/vsplyvajushhaja_-panel_instrumentov_chat.js"></script>
<link type="text/css" rel="StyleSheet" href="http://webo4ka.ru/Ucoz4/vsplyvajushhaja_panel_chat_chat.css" />
<div id="webo4ka_menu_chat">
<a href="javascript://" onclick="bbCode('b');"><b>Ж</b></a>
<a href="javascript://" onclick="bbCode('i');"><i>К</i></a>
<a href="javascript://" onclick="bbCode('u');"><u>Ч</u></a>
<a href="javascript://" onclick="tag_url1('mchatMsgF','')">Ссылка</a>
</div>


далее находите примерно вот такую строчку:

Code
<tr><td width="95%" rowspan="2">$FLD_MESSAGE$</td>


и меняете ее на:

Code
<tr><td width="95%" rowspan="2" id="webo4ka_description">$FLD_MESSAGE$</td>


источник: http://www.jankoatwarpspeed.com/post/2010/05/23/microsoft-office-minibar-jQuery-CSS3.aspx переделка/адаптация для мини-чата uCoz by webo4ka.ru
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
  • Всего комментариев: 3

AndreyKlipikov
Ответить
0
AndreyKlipikov написал: Написано 14 Октября 2011 в 23:06
Комментарий №3
делал такое еще зимой этого года для сайта гимназии, хотел выложить но забил, т.к. и я и модал (он был как бы тестером) решили, что бесполезная вещь потому что не каждый догадается чтоб бб коды появляются только при выделении текста => нужно писать текст над полем о том что я сказал выше smile

zenitovic
Ответить
0
zenitovic написал: Написано 14 Октября 2011 в 19:49
Комментарий №2
кстати, неплохая вещь) спасибо)

steel
Ответить
0
steel написал: Написано 14 Октября 2011 в 15:32
Комментарий №1
ахаха я засветился )))

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2121
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • По просьбам поправили!.
    1. Делаем все как написано.
    2. Находим файл /Ucoz4/ctena_user2_wall_v2.js и меняем все в файле из нашего файла:
    Код
    http://mbs.usite.pro/ctena_user2_wall_v2.js
  • rayven написал:
  • в любом случае, всегда надо под свои нужды настраивать руками. А скрипт пригодиться, не тут, так там.
  • rayven написал:
  • даже Вовчик со мной согласен. tongue
  • Marishka написал:
  • Upd 1.4 Кому лень https://jsfiddle.net/7js6tfp1/5/
  • Marishka написал:
  • Мы обновили код и упростили его установку:
    Что нового:
    1. Новый легкий js код.
    2. Отправка по Enter если есть или нет Aa цвета.
    3. Простая установка.

    Принцип работы:
    Используется родное поле ввода текста с выбором цвета, родная кнопка отправки скрывается позволяя отправить форму по Enter.

    Демо: https://jsfiddle.net/7js6tfp1/4/
    Последние темы
    Опрос
    274
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 3
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: