Javascript.RU

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

Скопировать значение строки из таблицы в textarea
При двойном клике на строку - копируется ее значение.

<tr ondblclick="copyLastColumn(this)"><td>какое-то значение</td></tr>

<script>
// You can use any function to copy here
function copyToClipboard(textToCopy) {
    var input = document.createElement("input");
    document.body.appendChild(input);
    input.value = textToCopy;
    input.select();
    document.execCommand("Copy");
    input.remove();
}

function copyLastColumn(tr) {
    copyToClipboard(tr.lastElementChild.innerHTML);
    // alert('copied to clipboard');
}
</script>


Как сделать, чтобы при двойном клике значение строки сразу копировалось в поле textarea с id="replace"
Ответить с цитированием
  #2 (permalink)  
Старый 20.04.2024, 12:50
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 2,745

Тут и копировать ничего не надо.
Просто перенести значение
<body>
<table>
<tr ondblclick="copyLastColumn(this)"><td>Строка 1</td></tr>
<tr ondblclick="copyLastColumn(this)"><td>Строка 2</td></tr>
<tr ondblclick="copyLastColumn(this)"><td>Строка 3</td></tr>
</table>
<textarea id="replace" rows="3" cols="20"></textarea>
<script>
function copyLastColumn(tr) {
document.getElementById("replace").value = tr.lastElementChild.textContent;
}

</script>
</body>
Ответить с цитированием
  #3 (permalink)  
Старый 20.04.2024, 14:04
Аспирант
Отправить личное сообщение для Grasss Посмотреть профиль Найти все сообщения от Grasss
 
Регистрация: 03.11.2017
Сообщений: 44

В принципе то, что надо...
А если сделать возможность добавления значений через (+=)
То как сделать в этом варианте, чтоб строки шли с новой строки, а не добавлялись слитно к предыдущей?
Из <textarea id="result"> копируем значения в <textarea id="replace>

document.getElementById("go").addEventListener("click", function() {
    document.getElementById("replace").value += document.getElementById("result").value;
}, false);

Последний раз редактировалось Grasss, 20.04.2024 в 14:06.
Ответить с цитированием
  #4 (permalink)  
Старый 21.04.2024, 10:40
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 2,745

document.getElementById("go").addEventListener("click", function() {
	const tr = document.getElementById("replace");
	if (tr.value) tr.value += '\n';
    tr.value += document.getElementById("result").value;
}, false);
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Показать не пустые строки таблицы rodiony4 Элементы интерфейса 4 19.09.2016 17:33
удалить пустые строки из textarea alerzo Общие вопросы Javascript 2 31.08.2015 09:53
автоматический перенос строки в textarea BorisBritva jQuery 5 02.03.2012 18:21
Видимость строки таблицы sslab Events/DOM/Window 8 04.12.2011 21:58
Узнать номер строки таблицы по клику antserg jQuery 4 13.11.2011 13:46