Местоположение
Россия, Чувашия, Цивильск

Достижения

Все достижения (2)

Наибольший вклад в теги

Все теги (15)

Лучшие ответы пользователя

Все ответы (26)
  • Как сделать что бы каждая следующая полоска была больше предыдущей?

    @fixeri
    <!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>
    Ответ написан
  • Как заполнить ячейки TD в таблице в модальном окне?

    @fixeri
    У td нет функции val().
    и селектор не правильно был указан.
    td[id=decl] -> tr #decl

    "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("");
          }
    Ответ написан
  • Как подсчитать количество блоков на странице?

    @fixeri
    <div class="row">
    
    <div class="user_1 my_sex"><div> 
    <div class="user_2 my_sex"><div> 
    <div class="user_3 my_sex"><div>
    <div class="user_4 my_sex"><div>
    <div class="user_5 my_sex"><div>
    <div class="user_6 my_sex"><div>
    <div></div>
    <div>hello</div>
    ...
    </div>

    window.onload = function() {
    			window.console.log(Math.floor(document.querySelector(".row").childNodes.length / 2));
    			// Or
    			window.console.log(document.querySelectorAll(".row div").length);
    		}
    Ответ написан
  • Как менять картинку только по ховеру?

    @fixeri
    У JQuery есть метод hover:
    $(".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"));
    });
    Ответ написан
  • Как заблокировать мобильную версию сайта?

    @fixeri
    <!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>
    Ответ написан