Hola a todos,
Estoy trabajando con jquery ui draggable, quiero copiar y pegar un string al hacer un drop sobre un determinado <div> que contiene varios text areas.
El problema que tengo es que con este código me lo copia en el origen del drag y no en el drop.
He probado a crear un div droppable, en vez de usar el event stop del draggable pero me lo copia en la capa droppable, lo cual no es correcto, ya que yo dentro de dicha capa tengo varios textareas con texto donde yo quiero copiar ese string según el FOCO.
Alguna idea de como puedo modificar este código para coger el foco del drop y anhadir el texto al text area que tiene el foco al hacer el drop??
$('.draggable').draggable({
cursor: 'move',
containment: 'document',
helper: 'clone',
stop: insertTextAtCursor ("HELLO WORLD")
});
function insertTextAtCursor(text) {
var sel, range, html;
if (window.getSelection) {
sel = window.getSelection();
if (sel.getRangeAt && sel.rangeCount) {
range = sel.getRangeAt(0);
range.deleteContents();
range.insertNode(document.createTextNode(text));
}
} else if (document.selection && document.selection.createRange) {
document.selection.createRange().text = text;
}
}