Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.09.2011, 00:14
Аспирант
Отправить личное сообщение для tarya Посмотреть профиль Найти все сообщения от tarya
 
Регистрация: 29.03.2011
Сообщений: 49

Установка курсора в текстареа
Добрый день друзья.

Мне потребовалось в элементе textarea установить курсор в определенную позицию. Полазав в сетях я нашел как ставить курсор на позицию например 8, а как найди в данных определенный символ или например в данных textarea будет <span id="krya"></span> - отыскать такое и установить перед или после или вообще заместо этого курсор я не нашел. Так же и обратную операцию на место курсора в данный момент установить символ или группу символов.

Если кто подскажет что почитать - буду очень благодарен.
Спасибо за ваше время.
Ответить с цитированием
  #2 (permalink)  
Старый 20.09.2011, 00:33
Профессор
Отправить личное сообщение для Триви Посмотреть профиль Найти все сообщения от Триви
 
Регистрация: 23.04.2010
Сообщений: 354

<script type="text/javascript">
var str = '01234<span id="krya"></span>';
var pos = str.indexOf('<span id="krya"></span>');
alert(pos);
</script>

Последний раз редактировалось Триви, 20.09.2011 в 00:36.
Ответить с цитированием
  #3 (permalink)  
Старый 20.09.2011, 01:16
Профессор
Отправить личное сообщение для Триви Посмотреть профиль Найти все сообщения от Триви
 
Регистрация: 23.04.2010
Сообщений: 354

Наструячил вам от нечего делать
<textarea cols=50 rows=4>Мне потребовалось в элементе textarea установить курсор в определенную позицию.
Полазав в сетях я нашел как ставить курсор на позицию например 8.</textarea><br />
<input type="text" id="search" value="" /><br />
<input type="button" id="but" value="Искать" />

<script type="text/javascript">
document.getElementById('but').onclick = function() {
  var needle = document.getElementById('search').value;
  var t = document.getElementsByTagName('textarea')[0];
  var haystack = t.innerHTML;
  var pos = haystack.indexOf(needle);
  t.setSelectionRange(pos,pos+needle.length);
  t.focus();
}
</script>

Последний раз редактировалось Триви, 20.09.2011 в 01:20.
Ответить с цитированием
  #4 (permalink)  
Старый 20.09.2011, 01:22
Аспирант
Отправить личное сообщение для tarya Посмотреть профиль Найти все сообщения от tarya
 
Регистрация: 29.03.2011
Сообщений: 49

Обалдеть. Работает.

Спасибо.
Ответить с цитированием
  #5 (permalink)  
Старый 20.09.2011, 01:47
Профессор
Отправить личное сообщение для Триви Посмотреть профиль Найти все сообщения от Триви
 
Регистрация: 23.04.2010
Сообщений: 354

Сообщение от tarya Посмотреть сообщение
Обалдеть. Работает.

Спасибо.
Я вам оставил ещё одно условие сюда дописать
Ответить с цитированием
  #6 (permalink)  
Старый 20.09.2011, 18:47
Аспирант
Отправить личное сообщение для tarya Посмотреть профиль Найти все сообщения от tarya
 
Регистрация: 29.03.2011
Сообщений: 49

Я все переписал под свои нужды, но вообще то что нужно, супер. Сразу видно что вы в своем деле мастер.

Теперь мне нужно сделать будет и обратное, в место курсора в текстареа установить некий текст. Но я уже помощи не прошу, такие примеры встречаются везде, и вообще стало более понятно куда копать.
Ответить с цитированием
  #7 (permalink)  
Старый 21.09.2011, 00:34
Профессор
Отправить личное сообщение для Триви Посмотреть профиль Найти все сообщения от Триви
 
Регистрация: 23.04.2010
Сообщений: 354

Сообщение от tarya Посмотреть сообщение
Я все переписал под свои нужды, но вообще то что нужно, супер. Сразу видно что вы в своем деле мастер.
Насмешили
Вы не поверите, но я изучаю JS месяца с полтора и то в качестве хобби,
по большей части в свободное от основной работы время
RTFM RTFM RTFM RTFM RTFM RTFM RTFM рууууулит!
Ответить с цитированием
  #8 (permalink)  
Старый 11.06.2012, 19:10
Новичок на форуме
Отправить личное сообщение для Скромный Посмотреть профиль Найти все сообщения от Скромный
 
Регистрация: 11.06.2012
Сообщений: 1

Рекомендую проверить в разных браузерах. Тогда, возможно, восторгов поубавится.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Получить координаты курсора в текстовом поле в пикселях prike Events/DOM/Window 4 23.05.2013 04:35
Установка курсора в div с contentEditable=true fr0st1k Элементы интерфейса 7 11.01.2012 16:06
установка курсора nettle Элементы интерфейса 9 19.09.2010 18:38
Появление текста при наведении курсора на ссылку Александра Элементы интерфейса 1 11.05.2009 00:22
установка позиции курсора или выделения в iframe mister_maxim Events/DOM/Window 5 18.04.2009 10:43