Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: rozpoznawanie klikniętego słowa w textarea
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
marcus753
witajcie

mam sobie text area w którym piszę tekst chciałbym stworzyć następujący mechanizm:

mam dwa textarea jedno po lewej drugie po prawej stronie
piszę sobie w pierwszym textarea np. zdanie : Ala ma kota
najeżdzam kursorem na wybrane słowo np. Ala klikam prawym przyciskiem myszy i słowo na które kliknąłem pojawia sie w drugim texarea

I tu moje pytanie jest wogole mozliwa taka opcja w js ? Nie zabardzo mam pomysł jak mógłbym pobrać klikniete słowo ;/

Pozdrawiam
qrooel
Pewnie że da się tak zrobić, wcale nie jest to trudne.

http://api.jquery.com/css/
wszerad
Jest, ale robi się to zupełnie innaczej. Przechwytuje się klawiature i wbija znaki do wierszy(każda linijka nowy div) można ustawić aby po wykryciu spacji tworzony był nowy span i dodany do niego event onclick. Największy problem zaczyna się kiedy chce się zrobic zwyczajne zaznaczanie tekstu, o ile przy trzcionkach o stałym rozmiarze(monospaced - są brzydkie niestety) problemu takiego nie ma to w przeciwnym przypadku zaczynają się schody.
vokiel
Przechwycenie prawego przycisku nie jest domyślnie dostępne w każdej przeglądarce. Zatem na tym zdarzeniu bym nie opierał skryptu.

Możesz zrobić tak, że po kliknięciu lewym przyciskiem takie coś zadziała, lub po dblclick. Tak czy inaczej, musisz pobrać pozycję kursora, wyszukać przerwy między wyrazami wstecz i wprzód (tak, żeby pobrać tylko jedno słowo), wyselekcjonować dany wyraz, skopiować do zmiennej i wstawić do drugiego textarea.
Pomoce:
http://blog.vishalon.net/index.php/javascr...on-in-textarea/
http://geekswithblogs.net/svanvliet/archiv...javascript.aspx
http://alexking.org/blog/2003/06/02/insert...sing-javascript

Oczywiście, możesz też przejrzeć źródła popularnych edytorów WYSIWYG (tinymce, CKEditor,openWYSIWYG itd)

OT. @wszerad nie trzcionkach tylko czcionkach
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.