Перейти к содержимому
Открыть в приложении

Удобный способ просмотра. Узнать больше.

Дизайн и модификация Invision Community

Полноэкранное приложение на главном экране с push-уведомлениями, медалями и многим другим.

Чтобы установить это приложение на iOS и iPadOS
  1. Нажмите иконку «Поделиться» в Safari
  2. Прокрутите меню и нажмите На экран «Домой».
  3. Нажмите Добавить в правом верхнем углу.
Чтобы установить это приложение на Android
  1. Нажмите меню из трёх точек (⋮) в правом верхнем углу браузера.
  2. Нажмите Добавить на главный экран или Установить приложение.
  3. Подтвердите, нажав Установить.
Русский язык для Invision Community 5

Размеры окна со смайликами

Извините, если не нашел поиском. Искал.

 

Как в 235-й версии изменить размеры таблицы со смайликами или упорядочить их в ней так, чтобы не было полос передвижения окна вверх/вниз, вправо/влево?

 

Имеется в виду при ответе в тему

Рекомендованные сообщения

Смайликами меньше всего занимаюсь.

Не отвечу.

  • Автор

Отвечаю на свой вопрос, вдруг кому понадобится:

 

Управляется такое в файлах:

  • /jscripts/ips_text_editor.js
  • /jscripts/ips_text_editor_func.js

Достаём из дистрибутива эти файлы в папке /Development/javascript_uncompressed/jscripts/.

 

Увеличить размер окна со смайлами, увеличить или сократить количество выводимых смайликов и такую же операцию проделать с выпадающим меню смайлов (кнопка которого находится на панеле форматирования текста).

 

Открываем ips_text_editor_func.js и находим фрагмент кода (комментарии):

		//-----------------------------------------
	// Build emoticons...
	//-----------------------------------------

По содержанию комментария в коде не трудно понять, за что отвечает последующий код. Далее находим нужный набор настроек:

		var _div  = document.createElement( 'div' );
	_div.style.width	 = '100%';
	_div.style.height	= '120px';
	_div.style.overflow	 = 'auto';
	_div.style.overflowY = 'auto';
	_div.style.overflowX = 'auto';


	var table		  = document.createElement('table');
	table.cellPadding  = 0;
	table.cellSpacing  = 0;
	table.border	   = 0;
	table.width		= '99%';


	var i		 = 0;
	var perrow	= 3;
	var show_emos = 12;
	var show_rows = show_emos / perrow;
	var max_emos  = 0;
	var _previous = 0;
	var _next	 = 0;

Методом проб и ошибок можно определить назначение каждой переменной. Стоит отдельно выделить следующие:

  1. _div.style.height — видно из название, что это высота окна со смайлами;
  2. var show_emos — общее количество смайликов для отображения на странице окошка;
  3. var perrow — количество смайликов в строке окошка;
  4. var show_rows = show_emos / perrow — нехитрое математическое выражение (отношение общего количества смайлов к смайлам за строку) по вычеслению строк окошка со смайликами.

Вот необходимые настройки для увеличения/сокращения количества выводимых смайликов в окошке. Любопытный пользователь может поэкспериментировать с другими переменными и поизучать дальнейший код.

 

Теперь хочется посмотреть код реализации смайликов через выпадающее меню.

 

Открываем файл ips_text_editor.js и в нём находим код:

			case 'emoticons':

Далее идёт похожая реализация как и в предыдущем файле, но выделим тут две переменные:

  • var perrow — количество смайликов в строке выпадающего меню;
  • // table.width — закомментированная переменная ширины выпадающего меню. По умолчанию там стоит значение «auto», но можно указать и желаемое количество пикселей. Чтобы убрать комментарий, нужно удалить «//».

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

 

За информацию благодарим vasyast

Создайте аккаунт или войдите в него для комментирования

Аккаунт

Навигация

Поиск

Поиск

Настроить push-уведомления браузера

Chrome (Android)
  1. Нажмите на иконку замка рядом с адресной строкой.
  2. Нажмите Права доступа -> Уведомления.
  3. Измените свои настройки.
Chrome (компьютер)
  1. Нажмите на иконку замка в адресной строке.
  2. Выберите Настройки сайта.
  3. Найдите Уведомления и измените свои настройки.