Значение переменной занести в буфер обмена

@НиколайВасильев · Регистрация: 02.12.2015

Студворк — интернет-сервис помощи студентам

Поднимается из базы и вставляется текст в div. Кроме того, в div есть теги br и span
По клику на батон текст из дива беру без тегов

JavaScript
1
$('#b1').text()

и всё нормально выглядит, кроме того, что удаляются переходы на новую строку

Дальше хуже. Перебрал за 2 дня с десяток советов, ни один не работает.
Предложили создать textarea и туда заталкивать этот текст. Заталкивается и отладчике на экране я вижу этот текст, но в буфер обмена ничего не попадает.
На другом форуме прочел, что это в FF 55 вообще невозможно, вроде бы защита
Текст в диве выглядит примерно так

PHP/HTML
1
<div id="b1"><span>001</span><br><span>20170622_160859</span><br><span>001</span><br><span>20170622_160909</span><br>

Строчек может быть до 500
После даты и времени, может еще быть до 50 символов комментарий
Неужели задача невыполнима и только мышкой селектить и ctrl+v??????

@Уф · 23.08.2017, 11:29

HTML5
1
2
3
4
5
<div id="b1"><span>001</span><br><span>20170622_160859</span><br><span>001</span><br><span>20170622_160909</span><br>
</div>
 
<input type="button" value="copy" id="c1"><br>
<textarea id="t1"></textarea>

JavaScript
1
2
3
4
5
$('#c1').click(function(){
    var t = $('#b1').html();
  t = t.replace( /<br>/g, '\n');
  $('#t1').val( $(t).text() );
})

@НиколайВасильев · 23.08.2017, 13:23 **[ТС]**

Уф, спасибо!!!
А в буфер этот текст можно затолкать?

JavaScript
1
$('#t1').val( $(t).text() );

только в textarea поместит.
Если в буфер невозможно, то нет смысла что-то делать.
Предлагался такой вариант

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function CopyToClipboard(containerid) {
    if (document.selection) { 
        var range = document.body.createTextRange();
        range.moveToElementText(document.getElementById(containerid));
        range.selectNode(document.getElementById(containerid));
        range.select().createTextRange();
        document.execCommand("Copy"); 
 
    } else if (window.getSelection) {
        var range = document.createRange();
         range.selectNode(document.getElementById(containerid));
         window.getSelection().addRange(range);
         document.execCommand("Copy");
         
    }
}

но он работает только с текстом, который был при загрузке страницы, range по document.getElementById или по тег получает начальное значение, у меня динамически генерируется див от выбора бухгалтера

@Уф · 23.08.2017, 13:28

с помощью флеш хака можно http://xiper.net/collect/js-pl... oclipboard

@НиколайВасильев · 24.08.2017, 10:33 **[ТС]**

Уф, спасибо! Такой вариант мне пне попадался. Пробую....

Добавлено через 20 часов 24 минуты
Уф, спасибо!!!!!!!!
Немного камасутры, но ... уже все работает.
Скопированный с сайта xiper.net пример у меня не заработал, хотя на их сайте работает, танцы с бубном, вернее со сниффером.
Оказалось, что ZeroClipboard.js и ZeroClipboard.swf в примерах используются не из архива source-archive.zip
Там даже длина другая.

Возможно, кому-то будет интересно

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="http://www.xiper.net/examples/css/examples.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="ZeroClipboard.js"></script> 
 
</head>
 
<body>
    <div id="source">Этот текст из обычного div отправляется в буфер по нажатию кнопки.</div>
    
    <div id="copyButtonСontainer">
        <button id="copyButton">Копировать в буфер</button>
    </div>
    <textarea cols="50" rows="5"></textarea>
 
 
<!--<div class="validateLinks">Проверить на соотвествие стандартам <a href="http://validator.w3.org/check?uri=referer">XHTML</a> и <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a></div>-->
 
<script type="text/javascript"> 
    var clip = new ZeroClipboard.Client(); 
    clip.setText(''); 
    clip.addEventListener( 'complete', function(client, text) { 
        alert("Текст уже в буфере: " + text ); 
    } );
    
    clip.addEventListener( 'mouseDown', function(client) {  
        clip.setText( document.getElementById('source').innerHTML ); 
    } );
 
    clip.glue('copyButton','copyButtonСontainer'); 
</script> 
</body>
</html>

И 2 линка
http://www.xiper.net/examples/... pboard.swf - 1,071
http://www.xiper.net/examples/... ipboard.js - 9,784
После минуса размеры рабочих файлов, в архиве ZeroClipboard.js 28к и флеш 2к
СПАСИБО!

Новые блоги и статьи Все статьи Все блоги /
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .

@Уф 890 / 725 / 447 Регистрация: 13.07.2015 Сообщений: 2,277
	23.08.2017, 13:28
	Сообщение было отмечено НиколайВасильев как решение Решение с помощью флеш хака можно http://xiper.net/collect/js-pl... oclipboard 1

Значение переменной занести в буфер обмена

Решение