Как сделать чтобы тут можно было копировать текст в колонках?

Question

[lukoie]

Вот есть такая страница:
www.amalgama-lab.com/songs/p/pink_floyd/breathe_in...
Мне надо сделать сайт с таким же функционалом, чтобы я или любой другой посетитель мог ПРОСТО копировать текст из КОЛОНКИ выделяя мышью.
При этом надо чтобы кнопки над текстом(под алфавиткой) тоже работали как в примере.

Например, выделить только русский текст и скопировать в буфер. Или только один куплет. Или только три строки.

Answer 1

[Олег]

Вставь в консоль И да прибудет с тобой халява ;)

var wrap=document.getElementById("click_area");
var original = wrap.querySelectorAll('.original');
var translate = wrap.querySelectorAll('.translate');
for (i = 0; i < original.length; i++) {
document.write(original[i].innerHTML+"<br>");
}
for (i = 0; i < translate.length; i++) {
document.write(translate[i].innerHTML+"<br>")}

Comments

[lukoie]

мне надо чтобы на моем другом САЙТЕ можно было ЛЮБОМУ человеку скопировать только пару стихов и вставить куда-нить кому-нить в скайпе например.
То что Вы пишете это не вариант.

[Олег]

lukoie: Еще проще.
Парсинг ...

[lukoie]

Олег: так. еще раз
я должен сделать сайт
который будет работать примерно точно так же как приведенный пример: три столбца, в первом текст на арабском, во втором Я ПИШУ ПЕРЕВОД на русском, и в третьем я пишу комментарии к переводу. Мне надо чтобы работал функционал как в примере - над текстом и под алфавиткой есть кнопочки смены вида - надо чтобы оно работало.
При этом чтобы текст можно было копировать столбцом.
Другими словами, чтобы открыв ССЫЛКУ которую я показал, любой человек мог выделить текст только в столбце, и контрол Ц его.

Answer 2

[Александр Аксентьев]

текст должен быть в две соседних блоках, а не построчно как сейчас.

<div class="string_container">
<div class="original">Breathe, breathe in the air </div>
<div class="translate">Дыши, вдыхай воздух,</div>
</div>

Comments

[lukoie]

там над текстом под алфавиткой есть кнопочки. поклацайте на них. и поймете почему Ваш совет не подойдет.
Даже если сделать так как Вы пишете, и сделать 10 таких блоков(10 стихов с соседними переводами) выделение все равно не будет как надо.

[Александр Аксентьев]

lukoie: по кнопочкам меняются стили, расположение в дереве такое же.

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

Я решение написал со стороны разработчика сайта)

[lukoie]

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