Как узнать позицию текста?

@phpk · Регистрация: 15.05.2013

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

Имеется много текста на экране, и нужно при клике на любом слове определить координаты этого слова от начала документа.
Т.е. текст может располагаться только в одном теге, допустим в теге p, <p>очень много текста...</p>
Подскажите пожалуйста, как это можно сделать?

@BANO · 02.06.2016, 18:50

phpk, вот есть примерчики, может какой-то вам поможет

@phpk · 02.06.2016, 19:04 **[ТС]**

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

phpk, вот есть примерчики, может какой-то вам поможет

это ведь не выделение! Разве тут подойдёт range?
Не затруднит ли показать пример?

Добавлено через 5 минут
Кстати нужно найти позицию не по клику, а после ввода слова, допустим после вызова prompt и ввода слова, нужно найти это слово в тексте,
т.е. найти позицию

@BANO · 02.06.2016, 19:08

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

@phpk · 02.06.2016, 19:18 **[ТС]**

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

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

тут ивент не причём. Слово нужно искать после ввода а не по клику!

@BANO · 02.06.2016, 19:21

phpk, вообще прикольненько...

тогда вам нужен document.body.innerHTML и в нём indexOf("слово")

@phpk · 02.06.2016, 19:22 **[ТС]**

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

тогда вам нужен document.body.innerHTML и в нём indexOf("слово")

разве indexOf возвращает координаты относительно документа?

@BANO · 02.06.2016, 19:24

phpk, нет, он возвращает позицию слова в строке...

вам сначала нужно найти этот элемент, потом посчитать его координаты можно по длинне символов предшествующих ему

@phpk · 02.06.2016, 19:28 **[ТС]**

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

потом посчитать его координаты можно по длинне символов предшествующих ему

а как это делается? Как нужно вычислять длину символа? тут ведь есть и переносы строк!

Добавлено через 2 минуты
кто-то покажет реальный пример, как это делается?

@BANO · 02.06.2016, 19:30

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

тут ведь есть и переносы строк!

можно и курсоры по y прибавлять на переносах

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

кто-то покажет реальный пример, как это делается?

мне кажется что нет, потому что это странная задача и я на своей практике таких задач не встречал

я сейчас постараюсь придумать как это сделать точнее
но у меня есть вопрос
у вас прям по всему документу ищется слово?

@phpk · 02.06.2016, 19:32 **[ТС]**

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

но у меня есть вопрос
у вас прям по всему документу ищется слово?

текст, по которому нужно искать слово, это будет html-код страницы. И нужно будет найти определённый класс по заданному слову и найти координаты этого слова с классом

@BANO · 02.06.2016, 19:39

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

И нужно будет найти определённый класс по заданному слову и найти координаты этого слова с классом

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

@phpk · 02.06.2016, 19:42 **[ТС]**

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

а потом сделать типа поиска по ключам объекта?

всмысле? что за поиск по ключам обьекта? Что мне даст вырезанное имя класса? Всё равно ведь нужно получить координаты
Я смогу после этого поиска получить координаты относительно экрана?

@BANO · 02.06.2016, 19:44

phpk, вот какой будет объект

JavaScript
1
2
3
4
5
{
    "button": <HTMLElement>,
    "text-red": <HTMLElement>
}
/* <HTMLElement> - ссылка на элемент в документе*/

Новые блоги и статьи Все статьи Все блоги /
Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .	Контроль уникальности заводского номера - вариант №2 Maks 24.03.2026 В отличие от предыдущего варианта добавлено прерывание циклов, также добавлены новые переменные для сохранения контекста ошибки перед прерыванием цикла: Процедура ПередЗаписью(Отказ, РежимЗаписи,. . .
SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++ 8Observer8 24.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip	Жизнь в неопределённости kumehtar 23.03.2026 Жизнь — это постоянное существование в неопределённости. Например, даже если у тебя есть список дел, невозможно дойти до точки, где всё окончательно завершено и больше ничего не осталось. В принципе,. . .	Модель здравоСохранения: работники работают быстрее после её введения. anaschu 23.03.2026 geJalZw1fLo Корпорация до введения программа здравоохранения имела много невыполненных работниками заданий, после введения программы количество заданий выросло. Но на выплатах по больничным это. . .	Контроль уникальности заводского номера - вариант №1 Maks 23.03.2026 Алгоритм контроля уникальности заводского (или серийного) номера на примере нетипового документа выдачи шин для спецтехники с табличной частью, разработанного в конфигурации КА2. Данные берутся из. . .

@phpk 27 / 41 / 13 Регистрация: 15.05.2013 Сообщений: 1,313

	Как узнать позицию текста? 02.06.2016, 18:39. Показов 2747. Ответов 13 Метки нет (Все метки) Имеется много текста на экране, и нужно при клике на любом слове определить координаты этого слова от начала документа. Т.е. текст может располагаться только в одном теге, допустим в теге p, <p>очень много текста...</p> Подскажите пожалуйста, как это можно сделать? 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	02.06.2016, 18:50
	phpk, вот есть примерчики, может какой-то вам поможет 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	02.06.2016, 19:08
	phpk, то есть вам нужно именно на одном слове? без выделения? тогда вам нужен ивент клика, там есть координаты относительно экрана и дальше нужно просто посчитать по ширине символов ваше слово 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	02.06.2016, 19:21
	phpk, вообще прикольненько... тогда вам нужен document.body.innerHTML и в нём indexOf("слово") 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	02.06.2016, 19:24
	phpk, нет, он возвращает позицию слова в строке... вам сначала нужно найти этот элемент, потом посчитать его координаты можно по длинне символов предшествующих ему 0