Как копировать текст выведенный из Web SQL?

Question

[Иван Лыков]

Добрый день, столкнулся с задачей.
Сделал локальную базу Web SQL, занес туда 12 записей в виде небольших текстов.
Потом на страницу вывожу таким боком

При нажатии на кнопку (красная указка), текст который хранится в поле(зеленая стрелка) должен записаться в буфер, тобишь скопировать. Но вот все бы ничего, оно не хочет ни как копировать.
попробовал статично установить одну запись

Вот тут оно все копирует как надо, без проблем.

Как сделать так что б после вывода из локального хранилища, можно было копировать текст

Comments

[fomenko_alexandr]

Что выводит в консоли?

[Иван Лыков]

fomenko_alexandr,

[Иван Лыков]

fomenko_alexandr, при копировании ничего. А то что есть, это уже с плагина

[Иван Лыков]

Если с статического брать текст, я вывожу в консоли Copy successful, в противном случаи ответ отрицательный Copy unsuccessful
А при копировании тех записей что из локальной базы, то вообще ничего не показывает. Такое чувство что там записей вообще нет, но о ни есть. "Видишь суслика, нет, и я не вижу, а он есть". пример

[fomenko_alexandr]

Иван Лыков, а если нажать f12 и посмотреть содержимое инпутов (которые добавили с помощью функции), там значения нормально отображаются, как и должно быть?

[fomenko_alexandr]

Проблема ещё может быть с <span id="log"></span>
На одной странице может быть только один уникальный Id, вероятно, в вашем случае это не соблюдается

[Иван Лыков]

fomenko_alexandr, Лог, для вывода сообщения на экран о том что копия произошла. Делал для проверки, потом перешел в консоль. Мусор забыл убрать (он не использовался)
Содержимое инпутом все правильно, у каждой записи свои данные. Данные есть и доступны для просмотра, но ни как не для копирования

[Иван Лыков]

fomenko_alexandr, Для того что б копировать элемент мне нужно передать его значение, что я не делаю. Вы были правы правда по поводу содержимости, я не заметил этот косяк

function showAllTodo(todo_item,todo_id){
	$('ul.list').append(
		'<li class="delete_item">' +
			'<div class="todo_item" style=background:' + todo_item + ';>' +
				'<div class="hidden_arr">' +
					'<input class="text" value="'+ todo_item + '" type="text">' +
					'<button class="copy">Взять</button>' +
					'<div class="editPicker"></div>' + 
					'<a href="#" id="delete">X</a>' +
					'<input id="this_id" value="' + todo_id + '" type="hidden">' +
					'<div class="clear"></div>' +
				'</div>' +	
			'</div>' +
		'</li>'); 
		$('li:last').addClass('highlight').delay(1000).queue(function(next){ $(this).removeClass('highlight'); next(); });

		var button = document.querySelector('.copy');
		button.addEventListener('click', function(event) {
		  var text = document.querySelector('.text');
		  text.select();
		  document.execCommand('copy');
		});

	}

Как мне связать эти два кода, что б оно копировал относительно выбранного элемента, записи. передать id

Answer 1

[Айнур Валиев]

вешай колбек на кнопку после рендеринга DOM.

$(function(){
  // твой колбек
})