Temat: kopiowanie zaznaczenia i wyswietlanie diva nad nim

witam

Pytam, bo nigdy tego nie robilem i nie wiem od ktorej strony sie za to zabrac.
Jest sobie jakis tekst w textarea na stronie. Chce aby gdy ktos zaznaczy pzeciagajac myszą jego fragment (jeden wyraz, kilka wyrazow...) tekst ten zostal jako zapamietany w zmiennej JS, a bezposrednio nad nim pojawil sie div z przyciskami (div powinien byc wiec gdzie nad obszarem textarea). wcisniecie przycisku skopiuje zaznaczony text do jakiegos inputa.

jesli nie jest to zrozumiale, opisze do czego mi to potrzebne:

na http://wziuum.com chce aby osoby mogly w obszar textarea wklejac opsi znalezionego polaczenia lotniczego. i teraz chce by taka osoba mogla zaznaczyc na przyklad nazwe lotniska poczatkowego. gdy go zaznaczy, nad zaznaczeniem ma sie pojawic div z przyciskami:
- to jest lotnisko poczatkowe
- to jest lotnisko docelowe
- to jest cena
- to jest nazwa linii

osoba klika w przycisk i zaznaczony tekst przenosi sie do odpowiedniego pola input[type="text"]

nie szukam w calosci gotowego rozwiazania :) bardziej szukam odpowiedzi na pytania jak skopiowac zaznaczenie do zmiennej JS, jak wykryc ze zaznaczono tekst, jak wyswietlic div wypozycjonowany wzgledem zaznaczonego tekstu itp...

Temat: kopiowanie zaznaczenia i wyswietlanie diva nad nim

saveSelection : function () {
if (window.getSelection) {
sel = window.getSelection();
if (sel.getRangeAt && sel.rangeCount) {
return sel.getRangeAt(0);
}
} else if (document.selection && document.selection.createRange) {
return document.selection.createRange();
}
return null;
}

restoreSelection : function (selection) {
if (selection) {
if (window.getSelection) {
var sel = window.getSelection();
if (sel.removeAllRanges && !$.browser.msie) {
sel.removeAllRanges();
}
sel.addRange(selection);
} else if (document.selection && selection.select) {
selection.select();
}
}
}

getSelection : function() {
var selection = saveSelection ();

if(selection != null){
if (selection.toString) {
return selection.toString();
}
if (selection.htmlText) {
return selection.htmlText;
}
}
return null;
}

zawsze uzywam tych funkcji Mateusz Leszek Solecki edytował(a) ten post dnia 14.12.12 o godzinie 12:33