Подсказка в результате действий над фильтром

@nps · Регистрация: 26.03.2013

Студворк — интернет-сервис помощи студентам

Всем привет.
Задумался над созданием фильтра для удобства поиска нужного оборудования.
Все бы ничего, да хочется сделать всплывающую подсказку с результатами рядом с фильтром (не рядом с указателем мыши, а именно слева от блока с фильтром).
Результат нужен как в Я.Маркете

Подсказка в результате действий над фильтром

Вчера до 3-х разбирался. Думаю, что надо копать в сторону pageX и pageY, хотя хз.

@nps · 10.02.2015, 14:51 **[ТС]**

Делал так
Создал блок DIV

HTML5
1
<div id="txt">Найдено: ...</div>

для него определил стили

HTML5
1
2
3
4
5
6
7
#txt
{
position:relative;
    border:1px solid #ccc;
    height:20px;
    width:100px;
}

и обработчик

JavaScript
1
2
3
4
5
6
7
8
9
$(document).ready(function(){
    $('.prm').click(function(e){
      var offset = $(this).offset();
      var relativeX = (e.pageX - offset.left);
      var relativeY = (e.pageY - offset.top);
     document.getElementById('txt').style.right = 200 +'px';
     document.getElementById('txt').style.top = relativeY + 180 +'px';
    });
});

Но пдсказка все равно "летает" не там, где нужно

@EPMAK · 10.02.2015, 15:30

Правильно. летать будет по всей странице, потом что:
делается это на css, а не скриптами.

Предку всплывающей подсказки например .container_text, присвойте position:relative;
Самой подсказке свойства , как для #txt, в примере ниже.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div class="container_text">
  <div id="txt">Найдено: ...</div>
</div>
 
.container_text{
    position:relative;
}
#txt
{
    position:absolute;
    top:-50%;
    right: -120px;
    border:1px solid #ccc;
    height:20px;
    width:100px;
}

@sash · 10.02.2015, 15:59

Смотри тему Всплывающие подсказки на jQuery [url]

@nps · 10.02.2015, 18:37 **[ТС]**

Это что за Г-сайт?

@Давран · 10.02.2015, 19:34

Сообщение от nps

Это что за Г-сайт?

и в правду, верстка вырвиглаз

Добавлено через 2 минуты
к тому же еще и вирус нашел в этом сайте

@sash · 10.02.2015, 19:44

для себя делаю. никаких стандартов и всплывающих пудсказок. точка. для меня - так лучше нет. самый гуманный сайт в мире. что за вирус7

@Давран · 10.02.2015, 19:46

sash, не знаю, нажал на одну из ссылок, касперский закрыл страницу и указал на какой то вирус, дальше просто закрыл страницу)

@sash · 10.02.2015, 19:51

касперский? это который визжит как свинья? не знаю,вроде б не заливал туда ничего такого из ПО

@Давран · 10.02.2015, 19:53

sash, может и визжит, но систему защищает хорошо)

@sash · 10.02.2015, 19:59

зато тормозит сильно. я както был поставил - УЖЫС ))

@Давран · 10.02.2015, 20:00

sash, ресурсы компа хватают для нормальной работы

@nps · 10.02.2015, 21:38 **[ТС]**

Сообщение от sash

касперский? это который визжит как свинья? не знаю,вроде б не заливал туда ничего такого из ПО

Который визжит как свинья был еще в прошлом веке

Добавлено через 5 минут

Сообщение от sash

для меня - так лучше нет

Сообщение от Давран

и в правду, верстка вырвиглаз

Вот его прямой конкурент - Вот твой конкурент - http://gamosyaca.ru/

@Давран · 10.02.2015, 22:01

nps, где же вы такие сайты находите? и тут вирус...

@sash · 10.02.2015, 22:09

да пошел ты

@nps · 10.02.2015, 22:38 **[ТС]**

Сообщение от Давран

nps, где же вы такие сайты находите? и тут вирус...

Эт не я нахожу, это sash их делает и предлагает всем

@sash · 11.02.2015, 00:16

свиня неблагодарная, чтоб ты с этими подсказками год мучался

@nps · 12.02.2015, 13:09 **[ТС]**

Сообщение от sash

свиня неблагодарная

Не все то золото, что блестит. Не все те подсказки, что появляются после клика.

Сообщение от sash

чтоб ты с этими подсказками год мучался

Я почти уже все сделал. Закончу - выложу здесь все решение. Можешь разместить на своем сайте.

@sash · 12.02.2015, 13:34

после какого клика???

Сообщение от nps

Можешь разместить на своем сайте.

не могу, мне твои решения не нужны взаимно

Новые блоги и статьи Все статьи Все блоги /
Отчёт о затраченных материалах за определенный период с макетом печатной формы Maks 21.04.2026 Отчёт из решения ниже размещён в конфигурации КА2. Задача: показать затраченные материалы за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В качестве. . .	Отчёт о спецтехнике находящейся в ремонте Maks 20.04.2026 Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .	Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)" Hrethgir 19.04.2026 Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .	Запрет удаления строк ТЧ документа при определённом условии Maks 19.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .
Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .	Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.

@nps 1 / 1 / 1 Регистрация: 26.03.2013 Сообщений: 27

	Подсказка в результате действий над фильтром 10.02.2015, 12:35. Показов 813. Ответов 18 Метки нет (Все метки) Всем привет. Задумался над созданием фильтра для удобства поиска нужного оборудования. Все бы ничего, да хочется сделать всплывающую подсказку с результатами рядом с фильтром (не рядом с указателем мыши, а именно слева от блока с фильтром). Результат нужен как в Я.Маркете Вчера до 3-х разбирался. Думаю, что надо копать в сторону pageX и pageY, хотя хз. 0

@sash 89 / 87 / 49 Регистрация: 09.10.2014 Сообщений: 571
	10.02.2015, 15:59
	Смотри тему Всплывающие подсказки на jQuery [url] 0

@nps 1 / 1 / 1 Регистрация: 26.03.2013 Сообщений: 27
	10.02.2015, 18:37 [ТС]
	Это что за Г-сайт? 0

@sash 89 / 87 / 49 Регистрация: 09.10.2014 Сообщений: 571
	10.02.2015, 19:44
	для себя делаю. никаких стандартов и всплывающих пудсказок. точка. для меня - так лучше нет. самый гуманный сайт в мире. что за вирус7 0

@Давран 203 / 152 / 44 Регистрация: 24.11.2013 Сообщений: 1,106
	10.02.2015, 19:46
	sash, не знаю, нажал на одну из ссылок, касперский закрыл страницу и указал на какой то вирус, дальше просто закрыл страницу) 0

@sash 89 / 87 / 49 Регистрация: 09.10.2014 Сообщений: 571
	10.02.2015, 19:51
	касперский? это который визжит как свинья? не знаю,вроде б не заливал туда ничего такого из ПО 0

@Давран 203 / 152 / 44 Регистрация: 24.11.2013 Сообщений: 1,106
	10.02.2015, 19:53
	sash, может и визжит, но систему защищает хорошо) 0

@sash 89 / 87 / 49 Регистрация: 09.10.2014 Сообщений: 571
	10.02.2015, 19:59
	зато тормозит сильно. я както был поставил - УЖЫС )) 0

@Давран 203 / 152 / 44 Регистрация: 24.11.2013 Сообщений: 1,106
	10.02.2015, 20:00
	sash, ресурсы компа хватают для нормальной работы 0

@Давран 203 / 152 / 44 Регистрация: 24.11.2013 Сообщений: 1,106
	10.02.2015, 22:01
	nps, где же вы такие сайты находите? и тут вирус... 0

@sash 89 / 87 / 49 Регистрация: 09.10.2014 Сообщений: 571
	10.02.2015, 22:09
	да пошел ты 0

@sash 89 / 87 / 49 Регистрация: 09.10.2014 Сообщений: 571
	11.02.2015, 00:16
	свиня неблагодарная, чтоб ты с этими подсказками год мучался 0