Выделение текста в блоке и занесение его в input

@botstars · Регистрация: 17.05.2013

Есть два блока в них текст, как сделать что бы выделил часть текста в блоке и он оказался в нужном мне input. Есть готовое решение

Jabbson · 19.02.2017, 06:16

Сообщение от botstars

что бы выделил

кто?

Сообщение от botstars

часть текста в блоке

какую часть?

Перечитайте свой пост, Вы бы сами поняли, что нужно сделать?

@botstars · 19.02.2017, 10:30 **[ТС]**

Jabbson, Извиняюсь за мой непонятный язык)) Есть страничка модерации в ней есть два блока с текстом. Мне нужно в этих блоках, в любом из них, выделить часть нужного мне текста и этот выделенный текст должен оказаться в каком ни будь поле input. Что бы не делать ctrl+c и ctrl+v.

@evikza · 19.02.2017, 22:35

botstars,

HTML5

1
2
3

<div class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident at, dolorem soluta quis doloribus amet minima eaque consectetur odit animi vel laudantium beatae pariatur optio magni. Nihil porro quis beatae!</div>
 
<input type="text" id="exit" />

Javascript

window.$selection = {
  getText: function() {
    var txt = '';
    if (txt = window.getSelection) {
      txt = window.getSelection().toString();
    } else {
      txt = document.selection.createRange().text; // ie browsers
    }
    return txt;
  }
}
 
document.querySelector('.text').onclick = function() {
  if (!($selection.getText().length)) {
    return false;
  } else {
    document.getElementById('exit').value = $selection.getText();
  }
}

Демонстрация

@botstars · 21.02.2017, 12:40 **[ТС]**

Спасибо большое, а как можно сделать переключатель есть допустим 3 чек бокса и три поля и где галочка стоит туда и будет записываться выделение.

Jabbson · 22.02.2017, 02:11

HTML5

<div class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident at, dolorem soluta quis doloribus amet minimaeaque consectetur odit animi vel laudantium beatae pariatur optio magni. Nihil porro quis beatae!</div><br>
<form><input type="text" class="txt"/> <input type="checkbox" class="cbox"></form>
<form><input type="text" class="txt"/> <input type="checkbox" class="cbox"></form>
<form><input type="text" class="txt"/> <input type="checkbox" class="cbox"></form>

Javascript

window.$selection = {
  getText: function() {
    var txt = '';
    if (txt = window.getSelection) {
      txt = window.getSelection().toString();
    } else {
      txt = document.selection.createRange().text; // ie browsers
    }
    return txt;
  }
}
 
document.querySelector('.text').onclick = function() {
  if (!($selection.getText().length)) {
    return false;
  } else {
    for (var d of document.forms) {
      if (d.querySelector(".cbox").checked) d.querySelector(".txt").value = $selection.getText();
      else d.querySelector(".txt").value = "";
    }
  }
}

https://jsfiddle.net/14y65uac/

@botstars · 22.02.2017, 15:16 **[ТС]**

Jabbson, не работает а можете пример на jqueri показать на примере вот этой функции

Javascript

// функция для получение выделенного текста
function getSelectedText(){
    var text = "";
    if (window.getSelection) {
        text = window.getSelection();
    }else if (document.getSelection) {
        text = document.getSelection();
    }else if (document.selection) {
        text = document.selection.createRange().text;
    }
    return text;
}

@evikza · 22.02.2017, 18:21

botstars, всё что написал Jabbson и я - это нативный JS. То, что вы предоставили в последнем после, аналогично коду, который я предоставил выше. Только различие в названии функции getText() и getSelectedText().

Javascript

window.$selection = {
  getText: function() {
    var txt = '';
    if (txt = window.getSelection) {
      txt = window.getSelection().toString();
    } else {
      txt = document.selection.createRange().text; // ie browsers
    }
    return txt;
  }
}

Всё это дело, в переводе на jQuery не нуждается. Что у вас не получается?

Jabbson · 22.02.2017, 19:46

Сообщение от botstars

Jabbson, не работает

в фиддлер тыкали? что именно не работает? или Вы имеете ввиду, что вы половину изменили, вторую половину убрали и после этого не работает?

@botstars · 22.02.2017, 20:20 **[ТС]**

я уже сделал пример но у меня проблемка возникла если можете помогите Не работает условие "checked"

Добавлено через 18 секунд
Jabbson,

@botstars 2 / 3 / 2 Регистрация: 17.05.2013 Сообщений: 403
		1
	Выделение текста в блоке и занесение его в input 18.02.2017, 22:08. Просмотров 780. Ответов 9 Метки нет (Все метки) Есть два блока в них текст, как сделать что бы выделил часть текста в блоке и он оказался в нужном мне input. Есть готовое решение 0

Jabbson 4811 / 2709 / 833 Регистрация: 03.11.2009 Сообщений: 8,390 Записей в блоге: 3
	19.02.2017, 06:16	2
	Сообщение от botstars что бы выделил кто? Сообщение от botstars часть текста в блоке какую часть? Перечитайте свой пост, Вы бы сами поняли, что нужно сделать? 0

@botstars 2 / 3 / 2 Регистрация: 17.05.2013 Сообщений: 403
	19.02.2017, 10:30 [ТС]	3
	Jabbson, Извиняюсь за мой непонятный язык)) Есть страничка модерации в ней есть два блока с текстом. Мне нужно в этих блоках, в любом из них, выделить часть нужного мне текста и этот выделенный текст должен оказаться в каком ни будь поле input. Что бы не делать ctrl+c и ctrl+v. 0

@botstars 2 / 3 / 2 Регистрация: 17.05.2013 Сообщений: 403
	21.02.2017, 12:40 [ТС]	5
	Спасибо большое, а как можно сделать переключатель есть допустим 3 чек бокса и три поля и где галочка стоит туда и будет записываться выделение. 0

Jabbson 4811 / 2709 / 833 Регистрация: 03.11.2009 Сообщений: 8,390 Записей в блоге: 3
	22.02.2017, 19:46	9
	Сообщение от botstars Jabbson, не работает в фиддлер тыкали? что именно не работает? или Вы имеете ввиду, что вы половину изменили, вторую половину убрали и после этого не работает? 0

@botstars 2 / 3 / 2 Регистрация: 17.05.2013 Сообщений: 403
	22.02.2017, 20:20 [ТС]	10
	я уже сделал пример но у меня проблемка возникла если можете помогите Не работает условие "checked" Добавлено через 18 секунд Jabbson, 0

Опции темы