Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Плагин qTip, поправка (https://javascript.ru/forum/dom-window/27628-plagin-qtip-popravka.html)

modestes 19.04.2012 17:11

Плагин qTip, поправка
 
Добрый день.

Сразу код:)
$('.support-failed lable').qtip({
				content: {
				text: 'Новые заявки',
				},	
				style: {
				classes: 'ui-tooltip-youtube ui-tooltip-green ui-tooltip-shadow ui-tooltip-rounded ',

				},		
				position: {
				my: 'center right',  
				at: 'center left',  
				adjust: {         
				x: -44,
				target: $(document),
				resize: true,
				}
				},
				
				show: {
				delay:700,
				},				
			});

Задача следующая:
Добавить РАЗНЫЕ подсказки для нескольких элементов, их много, соответственно отдельно для каждой подсказки писать скрипт не вариант.
Что нужно добавить в скрипт чтобы не писать его по новой для каждой подсказки?
Повторюсь, подсказки разные для всех элементов!

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

antonM 19.04.2012 18:09

Попробуйте по этой инструкции.
Добавьте к нужным ссылкам атрибут с подсказкой и считывайте его при наведении.

modestes 19.04.2012 21:37

не, title мне не подходит, я буду вписывать текст подсказки непосредственно в скрипте, в content:'Текст.......'
и плюс добавлять ссылки и изображение с видео. Так что это не то.

нарыл вот такое решение, но что-то не пашет.
кому не сложно проверьте код пожалуйста.

$(document).ready(function(){
var shared = {
	position: {
		my: 'top left', 
		at: 'bottom right',
	},
	show: 'click',
	hide: 'click',
	style {
		tip: true
	}
});

		$('.st1').qtip( $.extend({}, shared, { 
			content: 'Текст первой подсказки',
			style: {
			classes: 'ui-tooltip-red'
			}
		}));
 

		$('.st2').qtip( $.extend({}, shared, { 
			content: 'Текст второй подсказки',
			style: {
			classes: 'ui-tooltip-dark'
			}
		}));


<span class="st1">Один Элемент</span><br><br> 
<span class="st2">Второй Элемент</span>


Часовой пояс GMT +3, время: 08:02.