Как создать всплывающую подсказку с внешней информацией

Question

Для проекта, над которым я работал, я хочу иметь всплывающие подсказки (или любое событие mouseover, которое отображается как подсказка) с информацией, собранной из других источников. Я попробовал сначала загрузить некоторую дату XML, но безрезультатно (XML не должен использоваться для этого, я узнал). Недавно, хотя, я обнаружил веб-сайт, с тем, что я искал! Поэтому я пошел в исходные файлы и попытался выяснить, как они это сделали, но со своего веб-сайта вики было слишком много сценариев, и я не могу понять, как это понять. Вот что я говорю; на сайте http://leagueoflegends.wikia.com/wiki/List_of_champions есть таблица с разными «чемпионами» (игровое содержание, не важно). Если вы наводите верх над первым, например («Aatrox»), всплывающая подсказка отображает информацию, которая явно не написана исключительно для этой конкретной страницы. Информация собирается из другого места, и сама подсказка, как вы видите, стилизована. Я был бы счастлив из своего разума, если бы мог просто узнать основы того, как они это сделали. Откуда появилась информация? какой элемент это «подсказка»? Могу ли я сделать что-то подобное с vanilla JS? Если бы кто-нибудь мог дать мне несколько указателей на меня, я был бы бесконечно благодарен.

Answer 1

Основы, как это работает:

1. Создать базу данных, содержащую данные
2. О парении, GET запрос на скрипт для извлечения данных
3. отображения данных в стиле tooltip или аналогичного

Если вы наблюдаете за консолью, когда наводите курсор на их стол, вы можете увидеть огонь GET через ajax, который загружает данные.