JQuery простая подсказка

Question

Я ищу какой-нибудь плагин для всплывающей подсказки JQuery или даже простое решение для отображения динамического значения из поля ввода при наведении курсора мыши на определенную ссылку (текст или изображение)

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

Пример:

Поле ввода: input type="text" name="example" id="example" value=""

Ссылка для наведения мыши / подсказки:

a href="#" id="tooltip">value</a

Значениеполе ввода будет изменено другой функцией JQuery, и оно работает нормально, но когда я пытаюсь показать его значение с помощью любого плагина всплывающей подсказки, не работает.

Если я просто использую функцию alert (), этоработает нормально.

Мне не нужны какие-либо необычные всплывающие подсказки, показывается только значение поля ввода.

Пожалуйста, какое-нибудь решение?

Answer 1

Мы используем tipsy для наших подсказок на twitter.com, и это прекрасно работает. Он может генерировать текст всплывающей подсказки динамически, используя функцию обратного вызова, например:

HTML:

<input type="text" id="example" value="foo" />

JavaScript:

$("#example").tipsy({
  title: function() {
    return $(this).val();
  }
});

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

Answer 2

посмотреть в этой библиотеке

http://flowplayer.org/tools/demos/tooltip/index.html