Скрипт подсказки для ссылки как у Гугла

partos_1:
Здравствуйте форумчане. Подскажите пожалуйста как мне реализовать вот эту штуку:


В сети есть что-то подобное, но текст должен располагаться на той же странице что и подсказка либо в файле.
У Гугла эта подсказка подгружается с другой странице. Пробовал ковырять их скрипт но все тщетно. Надеюсь на вашу помощь.

Это называется tooltip, если подсказка появляется при наведении - пример на чистом css.

Либо popover, если подсказка при клике появляется.

И то и другое есть в bootstrap.

А при желании можно легко нагуглить эту функцию и отдельно, запросами аля "popover/tooltip jquery example"

---------- Добавлено 19.11.2016 в 12:47 ----------

Если нужно загружать данные прежде чем показывать, то решение есть тут

2unit,Спасибо теперь более понятно. Но у гугла с другой страницы грузиться текст заключенный в class="glossary-short". Как это реализовать.

class="glossary-short" - Это оформление ссылки. Если текст из подсказки не указан явно, то скорее всего он указан в CSS. Тогда это делается довольно просто, сейчас накидал вам пример:

<style>

.popover{

	position: relative;

}

.popover:after{

display: none;

}	

.popover:hover:after{

	content: "Пример всплывающей подсказки на чистом CSS";

	display: block;

	position: absolute;

	left:100%;

	text-decoration: none;

	background: #fff;

	max-width: 200px;

	border: 2px solid #eee;

	padding: 20px;

	color: #000;

}

</style>

<a href="#" class="popover">Test</a>

Видимо я совсем непонятно объясняю извините если что.

Смотрите как мне нужно:

"ссылка с подсказкой" при наведении на нее скрипт должен подгрузить данные с другой страницы заключенные в class="glossary-short".

Можете накидать примерную конструкцию. Спасибо.