[3.8.x]

BB код добавляет возможность цеплять всплывающие подсказки участкам текста, фоткам и прочей хрени в сообщениях [должно работать на всех версиях разумеется].

Установка:
Кинуть файл yuitip-min.js из архива и добавить в headinclude:

<script type="text/javascript" src="scriptpath/yuitip-min.js"></script>

Добавить в css:

/* ********** Tooltip ********** */
.disblock{display:block}
.disnone{display:none}
.tipbox{background:#f5f5f5; max-width:200px; border:2px ridge #597da3; padding:4px; position:absolute}

Создать ББ код:

Tooltip BBCode
------------------
Заголовок: Tooltip

Тег: tip
Код: <span class="yuitip" title="{option}">{param}</span>

Описание: Tooltip BBCode
Включить опцию: да
Пикча кнопки: imgpath/yuitip.png

финиш

если использовать такой вариант *

А хотелось бы именно этот вариант :(

<span class="yuitip" title="{param}">{option}</span>

то после активации подсказки, кнопки управления сообщения становятся не активными (именно того сообщения где была подсказка)

xorex добавил 04.08.2011 в 12:44
так же в chrome присутствует не приятный эффект накладывания стандартного альта поверх yui тултипа

Originally Posted by xorex

то после активации подсказки, кнопки управления сообщения становятся не активными (именно того сообщения где была подсказка)

пока даже не знаю где может быть конфликт, у меня все работает [правда мои скрипты немного модифицированы]. покопаюсь...
syn добавил 04.08.2011 в 18:27
возможно перепишу немного иначе.

Originally Posted by xorex

так же в chrome присутствует не приятный эффект накладывания стандартного альта поверх yui тултипа

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

если кто найдет, поделитесь плз...

Originally Posted by syn

пока даже не знаю где может быть конфликт, у меня все работает [правда мои скрипты немного модифицированы]. покопаюсь...
syn добавил 04.08.2011 в 18:27
возможно перепишу немного иначе.

У меня весь постбит перекурочен, включая кнопки, возможно это проявляется только у меня, но буду рад любым поправкам.

Originally Posted by syn

такая какашка присутствует не только в хроме, но и в других смотрелках и это проблема общего характера

Эффект накладывания в разных БР

Opera(11.50) - ok

Firefox(5.0.1) - ok

Chrome(12.0.742.122) - fail

IE(9.0.8112.16421 64-bit Edition) - fail

Safari(5.1 (7534.50)) - ~ (Не срабатывает CSS, тип отображается стандартным альтом, при этом накладывания нет )

P.S А так же лучше отключать смайлы для этого ббкода а лучше и остальные ббкоды внутри тултипов, иначе будут вылазить незакрытые теги.

я м.б не то сделал, но и в Мазилле стандартный alt

liner, CSS точно подключил ?

попробуй так в шаблоне headinclude

<script type="text/javascript" src="clientscript/yuitip-min.js"></script>
<style type="text/css">
.disblock{display:block}
.disnone{display:none}
.tipbox{background:#f5f5f5; max-width:200px; border:2px ridge #597da3; padding:4px; position:absolute
</style>

хотя если только в мозиле... посмотри в опере как, если тоже альт то точно либо ксс либо js не подключился

Originally Posted by xorex

CSS точно подключил ?

добавил предложенный в первом посте код в доп. таблицу CSS основного стиля форума.
Выполнил Ваши рекомендации - нет реакции

liner добавил 05.08.2011 в 15:01
еще раз сначала

оба скрипта залил в корень форума
в headinclude в самый низ добавл строчку скрипта
в CSS основного стиля в доп. таблицу добавил CSS
создал ББ код

Заголовок:Tooltip
Название: Tooltip
Замена: <span class="yuitip" title="{option}">{param}</span>
Пример: [tip]лорлорх[/tip]
Использовать опцию: да
Выключить ББ коды, смайлы внутри и пр. : да

Originally Posted by liner

оба скрипта залил в корень форума

ты что оба скрипта залил чтоль? yuitip-min и yuitip-source?
это один и тот же скрипт. мин это ужатый, сорс исходник.

скрипт не в корень [хотя те же яйца] а в директорию клиентскрипт.
и путь до скрипта правильный разумеется поставить.

Originally Posted by liner

Название: Tooltip

Название - tip

зы - сделай как xorex написал. должно работать.

syn добавил 05.08.2011 в 15:09

Originally Posted by liner

Выключить ББ коды, смайлы внутри и пр. : да

Выключить ББ коды, смайлы внутри и пр. : нет

заработало.
конфликтовало с ББ кодом [TIP} это такая фича выделения текста полем..
да... в Хроме наслаивается подсказка и alt

liner добавил 05.08.2011 в 15:17
подскажите, как выделить каким-либо цветом текст, находящийся в этом ББ коде tip? ну, к которому применена подсказка, чтобы юзер понимал, что на слово можно навести мышь и получить подсказку.

ну типа

"шла Маша по шоссе и сосала сушку" видно, что слово сушка типа "непростое" и там что-то кроется.
Иначе текстовая подсказка незаметна и будет найдена чисто случайно

Originally Posted by xorex

Safari(5.1 (7534.50)) - ~ (Не срабатывает CSS, тип отображается стандартным альтом, при этом накладывания нет )

xorex, может саф классы не понимает? попробуй так:

найти -> заменить:

yt.Dom.addClass(yt.tipBox, 'disnone tipbox');
yt.Dom.setStyle(yt.tipBox, 'display', 'none');

yt.Dom.replaceClass(yt.tipBox, 'disnone', 'disblock');
yt.Dom.setStyle(yt.tipBox, 'display', 'block');

yt.Dom.replaceClass(yt.tipBox, 'disblock', 'disnone');
yt.Dom.setStyle(yt.tipBox, 'display', 'none');

syn добавил 05.08.2011 в 15:29
2 liner:

<span class="yuitip" style="color:#цвет" title="{option}">{param}</span>

либо

.yuitip{color:#цвет}