Всплывающая подсказка.

[PPK]

phpBB3-JQueryTooltip.zip

1. Скачиваем архив, распаковываем, загружаем содержимое директории /root/ из архива в корневую директорию своего форума, для создания подсказки используется скрипт jQuery plugin Tooltip (http://bassistance.de/jquery-plugins/jq ... n-tooltip/)

2. /styles/prosilver/template/overall_header.html, /styles/subsilver2/template/overall_header.html перед

Код: Выделить всё

</head>

добавить

Код: Выделить всё

<link href="{ROOT_PATH}tracker/addons/css/jquery.tooltip.css" rel="stylesheet" type="text/css" />

<script src="{ROOT_PATH}tracker/addons/js/jquery.tooltip.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
jQuery(document).ready(
	function($)
	{
		//a[title], img[title], input[title], select[title], li[title], span[title]
		$('a').tooltip({
			track: true,
			delay: 100,
			showURL: false,
			showBody: " - ",
			fade: 250
		});
		$('img').tooltip({
			track: true,
			delay: 100,
			showURL: false,
			showBody: " - ",
			fade: 250
		});
		$('input').tooltip({
			track: true,
			delay: 100,
			showURL: false,
			showBody: " - ",
			fade: 250
		});
		$('select').tooltip({
			track: true,
			delay: 100,
			showURL: false,
			showBody: " - ",
			fade: 250
		});
		$('li').tooltip({
			track: true,
			delay: 100,
			showURL: false,
			showBody: " - ",
			fade: 250
		});
		$('span').tooltip({
			track: true,
			delay: 100,
			showURL: false,
			showBody: " - ",
			fade: 250
		});
	}
);
// ]]>
</script>

3. Обновляем переделанные стили.

4. Результат, всплывающая подсказка по умолчанию (вид по умолчанию зависит от браузера, ОС, установленных тем и т.д.):

всплывающая подсказка после установки мода


--
Для работы скрипта необходимо предварительное подключение библиотеки jQuery
Для пользователей ppkBB3cker - НЕ нужно устанавливать данный мод в трекер, он уже там установлен.

[Alexx23Frady]

Спасибо огромное.Всё работает.

[Gabriil]

Как-то странно она работает.. в некоторых местах сайта вылазит подсказка старого образца. чистка кеша, обновление стилей не помогает.


Возможно это исправить?

[Alexx23Frady]

И у меня тоже самое-именно эта фраза не поддается моду.А как исправить тоже не знаю

[PPK]

подсказка работает только для тегов перечисленных тут

Код: Выделить всё

a[title], img[title], input[title], select[title], li[title], span[title]

нужно либо добавить тег в код всплывающей подсказки (там он dl, dt, dd - какой-то из этих), либо удалить элемент title из этого тега.

[Gabriil]

PPK, спасибо.
подсказка заработала полноценно с добавлением в код этого куска:

Код: Выделить всё

$('dt').tooltip({
         track: true,
         delay: 100,
         showURL: false,
         showBody: " - ",
         fade: 250
      });

[Gabriil]

Немного модернизировал кусок кода от PPK.
Находим:

Код: Выделить всё

<script type="text/javascript">
// <![CDATA[
jQuery(document).ready(
   function($)
   {
      //a[title], img[title], input[title], select[title], li[title], span[title]
      $('a').tooltip({
         track: true,
         delay: 100,
         showURL: false,
         showBody: " - ",
         fade: 250
      });
      $('img').tooltip({
         track: true,
         delay: 100,
         showURL: false,
         showBody: " - ",
         fade: 250
      });
      $('input').tooltip({
         track: true,
         delay: 100,
         showURL: false,
         showBody: " - ",
         fade: 250
      });
      $('select').tooltip({
         track: true,
         delay: 100,
         showURL: false,
         showBody: " - ",
         fade: 250
      });
      $('li').tooltip({
         track: true,
         delay: 100,
         showURL: false,
         showBody: " - ",
         fade: 250
      });
      $('span').tooltip({
         track: true,
         delay: 100,
         showURL: false,
         showBody: " - ",
         fade: 250
      });
   }
);
// ]]>
</script>

меняем на:

Код: Выделить всё

<script type="text/javascript">
// <![CDATA[
jQuery(document).ready(
   function($)
   {
	  $("[title]").tooltip({
         track: true,
         delay: 100,
         showURL: false,
         showBody: " - ",
         fade: 250
      });
   }
);
// ]]>
</script>

с таким вариантом стилизация всплывающей подсказки работает по всему сайту

не знаю по какой причине, но после внесения этого изменения

PPK, спасибо.
подсказка заработала полноценно с добавлением в код этого куска:

Код: Выделить всё

$('dt').tooltip({
         track: true,
         delay: 100,
         showURL: false,
         showBody: " - ",
         fade: 250
      });

у меня нарушалась работа некоторых скриптов. теперь все работает как надо...