JavaScript
- 24 ответа
- 0 вопросов
20
Вклад в тег
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
.block {
width: 190px;
height: 40px;
background-color: red;
border: 1px solid black;
}
</style>
</head>
<body>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
<script type="text/javascript">
"use strict";
let blocks = Array.from(document.querySelectorAll(".block"));
let widthBlock = getComputedStyle(blocks[0]).width.slice(0, -2);
for (let i = 0; i < blocks.length; i++) blocks[i].style.width = +widthBlock + 20 * i + "px";
</script>
</body>
</html>"use strict";
//Заполнение таблицы в модальном окне
$(document).ready(function() {
$(".tckttbl").dblclick(function() {
clear_modal(); //Очистка можно так же циклом, принцип показал ниже
var col_arr = []; //Иницализация масива
var rowData = $(this).children(); //Получаем кучу <td> из тега <tr>
for (var i = 0; i < $(this).children().length; i++) {
//Засовываем значения в масив для более удобной работы с ними
col_arr.push($(rowData[i]).text());
}
console.log(col_arr); //Выводит значения стобцов
// for (var i = 0; i <= col_arr.length; i++) {
// //Вместо имени можешь использовать data тэг и радоваться жизни
// $('input[name=col_' + (Number(i) + 1) + ']').val(col_arr[i]);
// }
// Или так если не динамическая таблица
$('tr #decl').text(col_arr[0]);
$('tr #exec').text(col_arr[1]);
$('tr #stag').text(col_arr[2]);
$("#idModalView").modal('show');
});
function clear_modal() { // Очистка модального окна
$('td[id=decl]').val("");
$('td[id=exec]').val("");
$('td[id=stag]').val("");
}$(".filter__item").hover(function () {
// Первая функция при наведении.
let dataImage = $(this).children(".filter__image").attr('data-image');
let image = $(this).find(".filter__image img");
image.attr("data-src", image.attr("src"));
image.attr("src", dataImage);
}, function() {
// Вторая функция при отводе.
let image = $(this).find(".filter__image img");
image.attr("src", image.attr("data-src"));
});<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">"use strict";
if (window.screen.width < 1280) {
window.stop();
}</script>
</head>
<body>
<div style="width: 100px; height: 100px;" class="btn">STOP</div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.
</body>
</html>