Перейти к публикации
View in the app

A better way to browse. Learn more.

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

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

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

Опубликовано:

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

 

Как в 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

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

Сейчас на странице 0

  • Нет пользователей, просматривающих эту страницу.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.