Создать всплывающую подсказку с помощью Mootools

Question

Как создать информацию всплывающей подсказки Mootools, сосредоточившись на текстовом поле наподобие http://vadikom.com/demos/poshytip/#form-tooltips

Спасибо

Answer 1

Вы можете найти это полезным:

http://mootools.net/forge/p/floatingtips

Это плагин, который я разработал некоторое время назад.Вы можете увидеть демо, используя его для фокусировки текстовых полей здесь:

http://jsfiddle.net/X37C9/

Работает с Mootools 1.4 и 1.3.

Answer 2

Я внес незначительные изменения в старый скрипт Райана Дж. Сальвы, соответствующий вашему запросу:

http://jsfiddle.net/ghazal/K7uaQ/

PS: изменения прокомментированы и только для mootools 1.4.2 с совместимостью,Надеюсь, это поможет.

Answer 3

Есть несколько способов достичь чего-то подобного.

Самое простое - создать скрытый элемент после поля, как только вы сфокусируете поле, извлеките элемент с помощью всплывающей подсказки и анимируйте положение и непрозрачность с помощью Fx.Morph. При размытии делайте наоборот.

Другим способом было бы создать отдельный элемент внизу страницы, затем выбрать положение каждого поля с помощью getCoordinates, отрегулировать положение всплывающей подсказки, вставить текст всплывающей подсказки, скажем, из свойства data-tooltip анимируйте его, чтобы оно появилось.

Использование JsFiddle для создания прототипа решения было бы самым простым.