Подсветка выделенного фрагмента текста

[traa]

Суть:
Есть абстрактная страница.

Задача:
При выделении мышью какого-нибудь фрагмента выделенный текст получает бэкграунд (допустим, желтый)

Пример:

<span class="fourteen"><em class="highlite">less loading</em></span>
<p><em class="highlight">Add your goods and send a query for transport services, insurance and other back up services for cargo v</em>olume from 1 cubic meter and more. The loading is at the expenses of and on the responsibility of several Shippers.</p>

В тексте на странице были выделены одновременно слова

less loading

и

Add your goods and send a query for transport services, insurance and other back up services for cargo volume from 1 cubic meter and more. The loading is at the expenses of and on the responsibility of several Shippers.

Скрипт пробежался по нодам выделения и в каждой ноде проставил вот такие вот <em>.
Мучаюсь вопросом, - как именно это реализовать?

P.S: выделение за счет поиска текста(проверка на совпадение регуляркой) по всему документу и затем его выделения(пардон, тавтология), пожалуйста, не предлагать, т.к. отрабатывать такой скрипт будет неправильно в ряде случаев (вернее, правильно в основном в одном, - когда будет выделен чистый текст, без тэгов в нем)

Заранее спасибо!

[Маэстро]

Мучаюсь вопросом, - как именно это реализовать?

Нужно получить всё, что выбрано (selection)
На данном примере Вы должны понять (кроссбраузерно)

var rng,sel;
if (document.createRange) 
 {
 rng = document.createRange();
 rng.selectNodeContents(Clip);
 sel = window.getSelection();
 sel.removeAllRanges();
 sel.addRange(rng);
 }
else
 {
 rng = document.body.createTextRange();
 rng.moveToElementText(Clip);
 rng.select();
 }

далее работаете с коллекцией выбранных элементов

[traa]

Выбрать, - это понятно, считайте, что оно уже выбрано.
Как с выбранным выделением, которое в переменной sel находится работать в плане изменения структуры ДОМ (добавления до и перед выделением тэгов, в зависимости от количества нодов)

[traa]

Тема всё еще актуальна.

[monolithed]

http://2007.fastcoder.ru/articles/?aid=609

[traa]

Статья хорошая, спасибо большое. Но в ней не затронута тема выделения сразу нескольких нодов (например, сразу три-четыре ноды разного типа затронуты) и что с этим делать.

Я пока прикидываю, что нужно как-то ходить по ДОМ узлам и в каждом узле выделять необходимый текст, т.е. начиная с startContainer выделения и до endContainer ходить, используя nextSibling.
Но что-то, судя по всему, это не совсем верный вариант

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

[traa]

В принципе, задача решена. Всем спасибо, хоть и предоставленные материалы не дали решения.

[Apple]

traa,
а Вы случайно не знаете, как можно получить ID выделенных пользователем ячеек таблицы?
(и потом передать их методом POST?)

[traa]

Apple,
Берете объект выделения (выше написано, как примерно, я немного по-другому, но это не суть), получаете из него range выделения, затем пробегаетесь по всем нодам рэнжа, проверяя, что из них является тэгом td и при совпадении выбираете идентификатор ячейки в массив.

[Apple]

А как обращаться к нодам рэнжа?