Как работать со startContainer, endContainer и подобным?
 

Как работать со startContainer, endContainer и подобным?

В Гугле всё на английском и примеры какие-то непонятные.
Нужно, чтобы можно было выделить текст на страничке, кликнуть на кнопку, и получить тег, в котором находится первая буква выделенного текста. Вроде это через startContainer делается. Но как - не могу понять.

Например:

alert(window.getSelection().startContainer);

Не работает. Чего им надо? Вот получили выделение getSelection, вот хочу получить startContainer - не дают. Пишу commonAncestorContainer - тоже не дают. Ничего не дают.

плохие какие :-E не дают и все…



Selection и Range разные вещи, а еще есть TextRange.

Там написано startContainer - это свойства или метод Range. Чтобы получить Range нужно знать тег, который у них обозначен 'ex2' ...

$domRange = {
    create : function() {
        // Найдем root-контейнер
        var root =  document.getElementById('ex2');
            var rng = root.createRange();

То есть чтобы узнать тег, нужно знать тег ...


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

http://immelman.ru/bookmarklets/selected.js

Можете поковырять, вдруг, Вам пригодится что-нибудь оттуда.

Сразу предупрежу, букмарклет кривой до ужаса — написан за пару часов в свободное время, — но со своей основной задачей (не обучать дизайнеров работе с Dragonfly :)) он справляется.

Спасибо. :)

Замучился с этой проблемой.