Как получить сквозную позицию DOM?

@Анарион · Регистрация: 18.11.2009

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

каков вообще концептуальный подход, теоретический?
проблема в том -что если скажем есть текст изобилующий тегами то при выделении в нем пользователем части текста не доступна сквозная позиция выделения от начала текста а только в рамках данной ветви(node) а все другие теги представляют сложую разветвленную иерархию ветвей.
Как тогда решается задача скажем - выделить жирным текст который выбрал пользователь? те же wsiwyng редакторы к примеру

Добавлено через 11 минут
может не точно написал в названии темы: когда пользователь выделяет текст богатый тегами то для манипуляции выделением надо получить координаты для последующей обработки innerhtml но документ имеет сложную неоднородную струкутру. как это решается?

@kalabuni · 01.05.2013, 16:01

для MSIE (по просьбе товарища) задачу решал так:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script>
function myFunc ()
{
var docSel = document.selection,
    txtRange = docSel.createRange (),
    parElem = txtRange.parentElement ();
 
alert ('Â òåãå\n-----\n'
      + parElem.outerHTML
      + '\n-------\nâûäåëåí ñëåäóþùèé HTML-êîä:\n-------\n'
      + txtRange.htmlText);
 
// и далее можно работать с parElem
// с его предком -- parElem.parentNode
// и с потомками -- childNode (если они есть)
}
</script>
 
<body onlosecapture="myFunc ()">
<b>abcd
<i>0123</i>
<span style="color: red">efg<u>4567</u> hijklmn</span>
89</b>
</body>

@Анарион · 01.05.2013, 16:25 **[ТС]**

хм. какая муть с этим dom ну что ж попробую.

Добавлено через 4 минуты
сосбвтенно я хотел спросить совсем о другом.
этот код кстати будет работать только в ie
если есть текст насыщенный тегами - и человек выделил фрагмент - как произвести через innerhtml операцию именно с этим фрагментом?

@kalabuni · 01.05.2013, 16:58

Сообщение от Анарион

этот код кстати будет работать только в ie

а я разве написал, что он будет работать везде?
перечитайте меня любимого (цитирую):

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

для MSIE (по просьбе товарища) задачу решал так:

для справки: MSIE (MicroSoft Internet Explorer) - это и есть ваш ie (он же "эксплорер", он же "ослик", он же "мастдай"... ~~он же "Валентина Паният... аферистка, воровка... на левой руке три буквы "Аня"~~)
------------

Сообщение от Анарион

как произвести через innerhtml операцию именно с этим фрагментом?

вы что, вообще не читали то, что я написал?
снова цитирую себя любимого:

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

// и далее можно работать с parElem
// с его предком -- parElem.parentNode
// и с потомками -- childNode (если они есть) }

выделили вы что-то - это "что-то" в виде конкретного тега будет у вас в объекте parElem:

1) вы можете прочитать весь innerHTML (или innerText) этого тега -- alert (parElem.innerHTML)
и узнать - весь код(текст) тега юзер выделил или только часть его?

2) вы легко можете изменить как только выделенный текст, так и любые параметры тега(тегов), в который (в которые) этот выделенный текст входит

3) вы легко можете добавить любой другой тег вовнутрь этого тега

в чём ваша проблема-то, не понимаю...

@Анарион · 01.05.2013, 17:05 **[ТС]**

а я разве написал, что он будет работать везде?
а я и не в претензии) просто попробовал в гугл вот и написал)

Добавлено через 27 секунд
спасибо вроде теперь понял.

Добавлено через 1 минуту
parElem.innerHtml=myInnerHtml - сработает?

@kalabuni · 01.05.2013, 17:11

Сообщение от Анарион

parElem.innerHtml=myInnerHtml - сработает?

а самому попробовать - страшно?

полагаете, что ваш компьютер сразу же "завирусуется",
или даже думаете, что монитор ваш взорвётся, если вы вдруг САМИ чего-то попробуете?

@Анарион · 01.05.2013, 17:15 **[ТС]**

да вы правы. без попутал

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .	[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .

@Анарион 8 / 9 / 3 Регистрация: 18.11.2009 Сообщений: 676

	Как получить сквозную позицию DOM? 01.05.2013, 15:51. Показов 815. Ответов 6 Метки нет (Все метки) каков вообще концептуальный подход, теоретический? проблема в том -что если скажем есть текст изобилующий тегами то при выделении в нем пользователем части текста не доступна сквозная позиция выделения от начала текста а только в рамках данной ветви(node) а все другие теги представляют сложую разветвленную иерархию ветвей. Как тогда решается задача скажем - выделить жирным текст который выбрал пользователь? те же wsiwyng редакторы к примеру Добавлено через 11 минут может не точно написал в названии темы: когда пользователь выделяет текст богатый тегами то для манипуляции выделением надо получить координаты для последующей обработки innerhtml но документ имеет сложную неоднородную струкутру. как это решается? 0

@Анарион 8 / 9 / 3 Регистрация: 18.11.2009 Сообщений: 676
	01.05.2013, 16:25 [ТС]
	хм. какая муть с этим dom ну что ж попробую. Добавлено через 4 минуты сосбвтенно я хотел спросить совсем о другом. этот код кстати будет работать только в ie если есть текст насыщенный тегами - и человек выделил фрагмент - как произвести через innerhtml операцию именно с этим фрагментом? 0

@Анарион 8 / 9 / 3 Регистрация: 18.11.2009 Сообщений: 676
	01.05.2013, 17:05 [ТС]
	а я разве написал, что он будет работать везде? а я и не в претензии) просто попробовал в гугл вот и написал) Добавлено через 27 секунд спасибо вроде теперь понял. Добавлено через 1 минуту parElem.innerHtml=myInnerHtml - сработает? 0

@Анарион 8 / 9 / 3 Регистрация: 18.11.2009 Сообщений: 676
	01.05.2013, 17:15 [ТС]
	да вы правы. без попутал 0