1)
dmitriymar,
Ну и что мешает свои сделать? - не знание вопроса и неимение времени стать профессором, чтобы сделать казалось бы простую вещь - перенос строк в подсказке. Также отсутсвие разжёванных инструкций (для чайников; встречал фразы "настройки минимальны", "всё сами поймёте" которые меня теперь пугают ибо в 10из10 за ними кроется простыня в over9000 символов без подсвеченного синтаксиса), как внедрить
css в
js - всё что пишут расчитанно как минимум на средний уровень и зачастую для людей кто сделал
javascripting частью своей работы и жизни. (а есть желание пользоваться им как прикладным инструментом)
Если o title html то каким боком к ним javascript? - правильно ли я понимаю?: тот
title, что можно заполнить с помощью
javascript есть элемент языка разметки
html?
Следует гуглить многострочный
tooltip или перенос строк на
html?
<br /> - не работает и отображается как есть.
Можно ли внедрить нечто на подобии

 в
html tooltips и потом перехватывать выводимый ими текст
javasript-ом, меняя

 на символ переноса?
По сути
html переносит строки, но делает это по какому-то алгоритму, построенному на кол-ве знаков в строке, но знак переноса строки он должен всё равно потом использовать. Можно ли вмешаться в этот алгоритм с помощью
javascript и допуститим изменить то кол-во символов для переноса?
2)Раз нет элегантного решения решил углубиться. Взял
Tipsy, положил рядом со своим скриптом, догружаю скрипт через
// @require ./jquery.tipsy.js
Правильно ли это, так грузить локальные скрипты? Как правильно если не так?
Теперь пытаюсь хотя бы запустить. Изменяю title через примено такие конструкции:
$("a:contains('Hello')").attr("title", "This is hello");
Как теперь натравить на этот объект tipsy tooltips? Такая конструкция не работает:
$("a:contains('Hello')").attr("title", "This is hello").tipsy();
Подскажите как по другому?
Затем планирую научиться управлять такими tipsy tooltip-ами: Переносы, иллюстрации, url.
3) Вроде получилось, но опятьже только когда я загрузил tipsy как
// @require [url]http://www.xiling.cn/syssource/mainpage/web/js/jquery.tipsy.js[/url]
а натравить tipsy получилось так:
$("a:contains('Hello')").tipsy();
и сейчас у меня вылезает два tooltips одновременно, стандартный и tipsy. Как быть далее?
4) Победил, но мне кажется это победа чайника над кофеваркой и есть ещё более приличные варианты:
Код который надо для загрузки tipsy библиотеки - выше.
Подгружаем стиль css, в greasemonkey это делается так:
var tipsycss = ".tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; cursor: help; text-decoration: none; position: relative; }.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }.tipsy-arrow { position: absolute; background: url('../images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }"
GM_addStyle(tipsycss);
Если библиотека загрузилась то натравить tipsy можно любым способом, хоть отдельно, хот как, но чтобы получить переносы строк и вообще html разметку, надо так:
$("a:contains('Hello!')").attr("title", "This <br /> is Hell<br />o!").tipsy({gravity: 'w', fade: true, html: true});
Теперь можно конфигурировать title, как угодно, хоть картинки подгружать, типа error и прочее.
Того это солянка из:
Greasemonkey +
jquery +
tipsy + использование
css внутри
js - монструозно, не так как бы хотелось, но работает.
5)
Картинку через <img src="http://..."> не добавить. А жаль.
Добавить: но надо использовать одинарные кавычки в src, как собственно и всё остальное что в просто html имеет двойные кавычки, тут должно быть одинарным.
P.S. Между пунктами примерно по 2 часа прошло.