Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.80/5: Рейтинг темы: голосов - 5, средняя оценка - 4.80
mortido
0 / 0 / 1
Регистрация: 30.09.2014
Сообщений: 123
#1

Тултип на js

06.01.2015, 16:09. Просмотров 832. Ответов 2
Метки нет (Все метки)

всем привет. Попробую описать скрипт: Например есть ссылка страницы и на этой странице определенная информацию, так вот как сделать, чтобы при наведении на ссылку этой страницы, в тултипе выводилась информация из определенных полей, которые находятся также на этой страницу: например картинка и небольшое описание. Как такое возможно организовать? Спасибо
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
06.01.2015, 16:09
Ответы с готовыми решениями:

Как скрыть тултип?
Добрый день. <html> <head> <script> function...

Бесконечный тултип
Как сделать так, чтобы тултип висел бесконечно, пока мышь наведена на элемент?

alt="тултип" для input type="button"
собсно сабж... помогите реализовать подобие alt как в теге ссылки для кнопки...

QTableWidget: тултип при наведении курсора мыши на ячейку
Добрый вечер. Подскажите, пожалуйста, как сделать так, чтобы при наведении...

Показать тултип просто на рабочем столе не имея формы
Собственно сабж. Нужно показать тултип просто на рабочем столе не имея формы,...

2
justprolol
12 / 12 / 12
Регистрация: 01.07.2014
Сообщений: 105
06.01.2015, 18:09 #2
Лучший ответ Сообщение было отмечено mortido как решение

Решение

Простенький пример, перепишите под себя сами.
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id="main" onMouseOver="show();" onMouseOut="hide();">
</div>
<div id="op"></div>
<style>
#op{width:150px; height:150px; background-color:#882E30; display:none;}
#main{width:150px; height:150px; background-color:#A7A7A7;}
</style>
<script>
var op = document.getElementById('op');
function show(){op.style.display='block';};
function hide(){op.style.display='none';};
</script>
</body>
</html>
Получить информацию из полей можно через тот же JS:
Javascript
1
2
3
4
var blabla = document.getElementById('id вашего элемента');
var info = blabla.value; // тут зависит от элемента, в котором у вас информация. Подробнее - гугл подскажет.
var op = document.getElementById('op');
op.innerHtml = info;
0
Saneock
16 / 12 / 13
Регистрация: 05.01.2015
Сообщений: 66
06.01.2015, 18:17 #3
http://jqueryui.com/tooltip/#custom-content
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
06.01.2015, 18:17

Как сделать тултип для определенного столбца ListView
Идея такова. Есть список (динамический), и приближая к которому курсор -...

При наведении мыши на определенную ячейку датагрида показать тултип с комментарием
Как сделать чтобы при наведении мыши на определенную ячейку датагрида всплывал...

Можно ли тултип сделать на jQuery для WinForms приложения и как вызвать скрипт jQuery
Здравствуйте! Есть тестовый редактор (Winforms c#).Как сделать, чтобы при...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru