topic=this
[html]<script>
var variants = document.querySelectorAll('.res');
function rand() {
var index = Math.floor(Math.random()*variants.length);
for (var i = 0; i < variants.length; ++i) {
var div = variants[i];
if (i === index) {
div.classList.add('visible');
} else {
div.classList.remove('visible');
}
}
}
function copytext(el) {
var $tmp = $("<textarea>");
$("body").append($tmp);
$tmp.val($(el).text()).select();
document.execCommand("copy");
$tmp.remove();
}
</script>
<style>
.res {display: none;}
.res.visible {display: block;}
</style>
<div class="sudba" id="sudbaRandCont">
<button id="randing" onclick="rand()">Узнать судьбу</button>
<div class="res">
<h1>Первый</h1>
<p>Первый текст</p>
</div>
<div class="res">
<h1>Второй</h1>
<p>Второй текст</p>
</div>
<div class="res">
<h1>Третий</h1>
<p>Третий текст</p>
</div>
<div class="res">
<h1>Четвертый</h1>
<p>Четвертый текст</p>
</div>
<div class="res">
<h1>Пятый</h1>
<p>Пятый текст</p>
</div>
</div>
<button onclick="copytext('.res.visible');">Добавить текст в буфер обмена</button>
[/html]
***QUESTIONARY***
%[%title-checkbox%]%Анкетка%[%/title-checkbox%]%
%[%html%]%<script>
var variants = document.querySelectorAll('.res');
function rand() {
var index = Math.floor(Math.random()*variants.length);
for (var i = 0; i < variants.length; ++i) {
var div = variants%[%i%]%;
if (i === index) {
div.classList.add('visible');
} else {
div.classList.remove('visible');
}
}
}
function copytext(el) {
var $tmp = $("<textarea>");
$("body").append($tmp);
$tmp.val($(el).text()).select();
document.execCommand("copy");
$tmp.remove();
}
</script>
<style>
.res {display: none;}
.res.visible {display: block;}
</style>
<div class="sudba" id="sudbaRandCont">
<button id="randing" onclick="rand()">Узнать судьбу</button>
<div class="res">
<h1>Первый</h1>
<p>Первый текст</p>
</div>
<div class="res">
<h1>Второй</h1>
<p>Второй текст</p>
</div>
<div class="res">
<h1>Третий</h1>
<p>Третий текст</p>
</div>
<div class="res">
<h1>Четвертый</h1>
<p>Четвертый текст</p>
</div>
<div class="res">
<h1>Пятый</h1>
<p>Пятый текст</p>
</div>
</div>
<button onclick="copytext('.res.visible');">Добавить текст в буфер обмена</button>
%[%/html%]%
