Доброго времени суток всем форумчанам!
Прошу помощи!
Стоит такая задача:
Подключены: jquery и jquery-ui.
На странице есть
кнопка "Text" при нажатии на которую в
div.area добавляется текст. На текст навешиваем события
click и
dblclick
var zz=0;
function instext(){
var divTxt;
var area=$('.area');
divTxt=$('<div class="divtxt" contenteditable="false">Текст</div>');
zz++;
divTxt.on('click', function(){???});
divTxt.on('dblclick', function(){???});
divTxt.css({position:'absolute',top: 50,left:50,'z-ndex':zz}).appendTo(area);
}
При клике на текст:
- устанавливаем класс select;
- подключаем draggable: draggable({cursor: 'move',containment:'.area'});
При двойном клике на текст:
- класс select не меняется (или устанавливается если его нет);
- отключаем draggable: draggable('destroy');
- разрешаем изменять текст: attr("contenteditable", true);
- выделяем текст.
При клике на div.area:
-убираем класс select.
- отключаем draggable: draggable('destroy');
- запрещаем изменять текст: attr("contenteditable", false);
Что ни делаю ничего не получается. Т.е. работает не так, как задумано.