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

@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

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

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

Новые блоги и статьи Все статьи Все блоги /
Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .	Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .	Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .	Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .

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

	Подсказка в результате действий над фильтром 10.02.2015, 12:35. Показов 735. Ответов 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