<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('a[href^="#"]').on('click',function(e) {
e.preventDefault();
var target = this.hash,
$target = $(target),
$calculus = ( $target.offset().top - 75 ),
$target_to = $calculus.toFixed();
$('html, body').stop().animate({
'scrollTop': ($target_to+'px')
}, 900, 'swing');
});
});
</script><form id="form" action="{% url 'documents:print_documents'%}" method="POST" target="_blank">
<input class="select-inv-check" data-id="123" type="checkbox">123
<input class="select-inv-check" data-id="456" type="checkbox">456
<input class="btn btn-sm btn-default print-all-btn" id="printAll" type="submit" name="send" value="Распечатать">
</form>$( "#form" ).submit(function( event ) {
var id = [];
$('input.select-inv-check:checked').each(function() {
id.push($(this).data('id'));
});
if (id.length != 0) {
id.forEach(function(item, i) {
var elInput = document.createElement("input");
elInput.setAttribute('type', 'hidden');
elInput.setAttribute('name', 'doc_ids[]');
elInput.setAttribute('value', '');
elInput.value = id[i];
$("#form").append(elInput);
});
return;
}
event.preventDefault();
});var arr = ["one","two","three", "fore"];
var foo = document.querySelectorAll('.ul-list a');
for (var i = 0; i <= foo.length - 1; i++) {
foo[i].innerHTML = arr.shift();
}<div id="foo" class="tg-grid-holder tg-layout-masonry">const str = 'tg-grid-holder tg-layout-masonry';
setInterval(function() {
var el = document.querySelector("#foo");
var sel = el.getAttribute("class");
if (str !== sel) {
alert('oops!');
}
}, 1000);
.block {
background: url();
transition: all 1s ease;
}
.block:hover {
transform:scale(1.1);
}