Перейти к публикации
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.

Кнопка наверх, вниз, назад как Вконтакте

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

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

 

Вот сама кнопка. В GlobalTemplate до </head> добавить этот код:

 

<link rel="stylesheet" type="text/css" href="/bottom-top/bottom-top.css">

<script type='text/javascript' src="bottom-top/jquery.min.js"></script>
<script type='text/javascript' src="bottom-top/bottom-top.js"></script>
<script type="text/javascript">

btb_options = {


/*	Измените значения и раскомментируйте код, либо удалите, если хотите использовать стандартные настройки:*/

/*
button_width: "24%", // Ширина всех кнопок

   top_value_normal: '▲ Наверх',//Надпись кнопки наверх
back_value_normal: '◄ Назад', //Надпись кнопки назад
bottom_value_normal: '▼', //Надпись кнопки вниз

top_value_mobile: '▲', //Надпись мобильной кнопки наверх
back_value_mobile: '◄', //Надпись мобильной кнопки назад
bottom_value_mobile: '▼', //Надпись мобильной кнопки вниз

bottom_title: '"Перемотать страницу обратно к последней позиции"',
top_title: '"Перемотать страницу наверх"',
back_title: '"Назад"',

btposition: 'left', //Позиция. Значения: left или right
btcomplect: 'tb', // Комплектация. Значения: bottom-top(top-bottom, tb,12), top, full, back
back_none: 200, // Изчезновение кнопки вниз/назад
top_display: 400, // Появление кнопки вверх
animation_speed: 100, //Скорость анимации вверх/вниз

colors_background: '#45688E', // Начальный цвет текста ВСЕХ кнопок
start_colors_background: '#ADADAD', // Цвет текста ВСЕХ кнопок при наведении

gt_start_buttons_background: 'rgba(240, 240, 240, 0.5)', // Начальный цвет фона кнопки Наверх
gt_buttons_background: 'rgba(225, 231, 237, 0.53)', // Цвет фона кнопки наверх при наведении

gb_start_buttons_background: 'none', // Начальный цвет фона кнопки Вниз
gb_buttons_background: 'none', //  Цвет фона кнопки Вниз при наведении

gbk_start_buttons_background: 'rgba(240, 240, 240, 0.5)', // Начальный цвет фона кнопки Назад
gbk_buttons_background: 'rgba(225, 231, 237, 0.53)', // Цвет фона кнопки Назад при наведении
*/
   };

</script>

 

Распаковать архив в корень сайта: Button Top-Back-Bottom.rar

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

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

По использование jquery на тройка уже не раз писалось - он конфликтует с фреймворком prototype, а jquery нужно подключать в режиме noconflict.

Опубликовано:
  • Автор

noconflict подключил! Часть кнопок работает, а часть нет... Проблема где-то в скрипте, наверное.

Опубликовано:
  • Автор

Странно, не могу найти недочет в скрипте... Кнопка упорно не хочет отображаться ни на каких страницах, кроме главной. Что-то с функционалом кнопки Назад, мне кажется... Помогите найти баг, пожалуйста.

 

Вот скрипт кнопок:

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

Смотрите ошибки js в консоли ошибок браузера или заполните адрес форума в профиле, мне устанавливать этот скрипт нет времени.

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

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

Вот тут относительные адреса могут быть причиной неработы скрипта в тема если есть чпу.

 

<script type='text/javascript' src="bottom-top/jquery.min.js"></script>
<script type='text/javascript' src="bottom-top/bottom-top.js"></script>

Подключайте полным адресом с использованием переменных форума.

 

<script type='text/javascript' src="{$this->settings['board_url']}/bottom-top/jquery.min.js"></script>
<script type='text/javascript' src="{$this->settings['board_url']}/bottom-top/bottom-top.js"></script>

Опубликовано:
  • Автор

Спасибо огромное, в этом причина была! Век живи, век учись)) Спасибо!

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

Сейчас на странице 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.