Профиль пользователя заблокирован сроком с 26 октября 2019 г. и навсегда по причине: систематические нарушения правил Сервиса
Ответы пользователя по тегу JavaScript
  • Калькулятор цен jquery?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    https://jsfiddle.net/fes5q0a2/36/

    над polzunok поржал))))
    $( function() {
        $( "#polzunok-1" ).slider({
          value:100,
          min: 0,
          max: 500,
          step: 50,
          slide: function( event, ui ) {
            $( "#amount1" ).val( ui.value );
            var temp = Number($('#amount1').val()) + Number($('#amount2').val());
            $( "#amount3" ).val("$" + temp);
          }
        });
    	$( "#polzunok-2" ).slider({
          value:100,
          min: 0,
          max: 500,
          step: 50,
          slide: function( event, ui ) {
            $( "#amount2" ).val( ui.value );
            var temp = Number($('#amount1').val()) + Number($('#amount2').val());
            $( "#amount3" ).val("$" + temp);
          }
        });
      });
    Ответ написан
  • Есть 3 слайдера. Ссылка работает только на 1. В чем может быть проблема?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    a.preventDefault();
    убери этот бред и все будет шоколад!
    кстати, что за чудный движок оперирует {/elements} ??
    Ответ написан
    3 комментария
  • Селектор не содержит класс, как правильно написать? not hasClass?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    Инвертировать IF через ! явно болезнь левизны)))
    Там же false может прийти и что тогда будет значить !false ???)))

    Странно, что никто не вспомнил железобетонный способif else, он и на старых джикверях пашет и сам код короче.. #обожимой!!

    if ($(".tabs .tab").hasClass("active")){
       //пустое место под будущую логику)))
     } else {
       $(".tab").addClass("blink");
    }


    Вот в одну строку:

    if ($(".tabs .tab").hasClass("active")){} else {$(".tab").addClass("blink");}
    Ответ написан
    Комментировать
  • Как оформить карточку товара в каталоге?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    Автор!! Открой любой шаблон, даже в шаблонах 2014 года это уже было!!! И внезапно даже в бесплатных!!! Совсем ленивый или ЭТО ЗАДАНИЕ, А НЕ ВОПРОС??!!!
    Уж про то, что тут верстки+стилей добавить 29 строк, даже упоминать не буду, это тебе не нужно, тебе нужно разжевать и ВРОТ ПОЛОЖИТЬ...
    Ответ написан
  • Как сделать такой слайдер?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    Твою дивизию!!! В примерах у разработчика даже пример есть!!!!
    jQuery(document).ready(function($){
    	$('.slider-for').slick({
    		slidesToShow: 1,
    		slidesToScroll: 1,
    		arrows: false,
    		fade: true,
    		asNavFor: '.slider-nav'
    	});
    	$('.slider-nav').slick({
    		slidesToShow: 2,
    		slidesToScroll: 1,
    		asNavFor: '.slider-for',
    		dots: true,
    		centerMode: true,
    		focusOnSelect: true
    	});
    });

    <div class="slider-for">
    	<img src="kortingo_01_big.jpg" alt="">
    	<img src="kortingo_02_big.jpg" alt="">
    	<img src="kortingo_03_big.jpg" alt="">
    	<img src="kortingo_04_big.jpg" alt="">
    </div>
    <div class="slider-nav">
    	<img src="kortingo_01_small.jpg" alt="">
    	<img src="kortingo_02_small.jpg" alt="">
    	<img src="kortingo_03_small.jpg" alt="">
    	<img src="kortingo_04_small.jpg" alt="">
    </div>

    Стили сам нарисуешь!
    Ответ написан
    2 комментария
  • Как проверить одно временно всех полей формы?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    Дам как проверить, как отправить - читай про serialize()
    Мой вариант позволяет проверить хоть миллион инпутов в форме, то что выше дали - надо каждый раз писать код для каждой формы)))
    jQuery(".form_btn input").on("click", function(){
    	var ok = true;
    	var form = jQuery(this).parent().parent('form');
    	jQuery(form).find('input[type="text"]').each(function() {//тут можно еще и textarea в проверку включить
    		if(jQuery(this).val() == '') {
    			ok = false;
    			jQuery(this).addClass('error');
    		}
    		else {
    			jQuery(this).removeClass('error');
    		}
    	});
    	if( ok ) {
    		var data = [];
    		//тут сериализуй форму в массив)))
    		jQuery.ajax({
    		type: "POST",
    		url: "order.php",
    		data:  data,
    			success: function(data){
    				jQuery(form).find('input[type="text"], textarea').attr('value', '');
    				jQuery(form).fadeOut('fast', function(){
    					jQuery(this).before('<div class="send_ok">спасибо. вась!</div>');
    				});
    			}
    		});
    	}        
    });
    Ответ написан
    Комментировать
  • Убрать загрузку видео при адаптивной верстке?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    1. найди в коде шаблона блок с видео.
    2. удали найденное в п.1
    3. найди в JS часть кода, отвечающий за показ того, что мы удалили в п.2
    4. удали найденное в п.3
    5. налей бокал коньяка себе и мне.
    6. наслаждаемся.
    Ответ написан
    Комментировать
  • Почему тормозит JS на сервере?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    дыг. 900 элементов на странице... какой браузер потянет? никакой. айпад дохнет вообще.
    юзай <map> alex-1917 дело говорит
    Ответ написан
    2 комментария
  • Что грузится с плагином Contact Form 7?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    Я решил это установкой предыдущей версии CF7. Просто надо внутри себя понять, что прогеры CF7 - не боги программирования, только и всего.
    Свежая версия CF7 - этофиаскобратан
    Ответ написан
    Комментировать
  • Какую фото галерею можете посоветовать?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    фэнсибокс чем не устраивает? или вы, как в соседней теме товарищ, не заметили у фенсибокс огромного раздела под названием Документация???)))
    Ответ написан
    3 комментария
  • Как получить макс высоту с padding?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    Ты джиквери совсем не изучал или взял подработку на авось?
    а паддинг причем?
    1. Изучай сначала .outerHeight(true );
    2. Как изучишь, изучай .each(function() {}

    как изучишь п.2, пиши сюда свои наработки
    Ответ написан
    Комментировать
  • Где найти слайдер(range) с более чем 2мя ползунками?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    Я делал подобное, кстати было 6 составляющих, не смесь конечно, за это и загреметь можно, щас такие смеси знаете ли, что ойой)) У меня было содержание свободных газов в воздухе...
    Делал именно этим чудесным слайдером, чего и вам рекомендую
    На каждый компонент делал СВОЙ ползунок, затем через эвенты получал значения и в динамике отсекал на других ползунках возможные диапазоны, ну и итоговая диаграмма в виде круга - шоколад!!!
    Ответ написан
    Комментировать
  • Как запретить увеличение масштаба, при клике на select на iphone устройствах?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    Вот реальное решение, а не так называемое решение из упомянутого линка, где советуют user-scalable=no
    НИКОГДА не делайте user-scalable=no !!!!!
    # Mobile first
    input, textarea, select {
      font-size: 16px;
    }
    
    # Tablet upwards
    @media (min-width: 768px) {
      font-size: 14px;
    }


    ИБО:
    Телефон будет слегка увеличивать поля формы, если для текста установлено значение менее 16 пикселей. Я бы предложил настроить текст поля мобильной формы на 16 пикселей, а затем переопределять размер при просмотре с декстопных компьютеров.
    Ответ написан
    3 комментария
  • [CSS/Bootstrap 3] Как сделать одно всплывающее меню, разное в зависимости от состояние тэгов элемента по которому кликнули?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    Ну епти!
    По клику на иконку делай запрос, в ответ подгружай полученную инфу в выпадающий список, т.е. изначально список этот будет пустой у всех пока не нажал на иконку.

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

    Как то велосипедом очередным запахло, тошнит уже от велосипедистов.
    Ответ написан
    Комментировать
  • Как найти разницу двух массивов объектов?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    indexOf + while???)))
    Ответ написан
    Комментировать
  • Как сделать так, что бы Arcticmodal открывался при нажатии, а не во время загрузки страницы?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    Режим "Гадалка-2.0" включен, поехали:
    1. Найди в коде страницы вот ЕТО:.arcticmodal();
    2. Удали всю строку, содержащее ЕТО, т.е. все что до ЕТОГО и само ЕТО.
    3. Далее твои действия зависят от того, что в итоге надо делать с твоим модальным окошком - запускать по клику, запускать по пуку или не запускать. Если не запускать, то см. п.4
    4. Задание выполнено успешно, поздравь себя, теперь и ты ПРОГЕР!
    Ответ написан
    1 комментарий
  • Кто работал с библиотекой simplecart-js?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    Зачем тебе библиотека, если тебе лень тщательно прочитать документацию к ней???

    Пиши свой код, он будет короче и понятнее тебе, это ключ.

    Например, на localstorage добавить в корзину вместе с шестью вась параметрами выглядит всего-навсего так:

    function addToCart() {
    	var itemId = jQuery(this).attr('data-art');
    	var itemTitle = jQuery(this).attr('data-title');
    	var itemPrice = jQuery('.wp__new').attr('data-price');//parseInt
    	var itemUrl = jQuery(this).attr('data-url');
    	var itemColor = jQuery('.ws__colors-wrap').attr('data-selected');
    	var itemIdPlusColor = itemId+itemColor;
    	if(cart.hasOwnProperty(itemIdPlusColor)){ // если такой товар уже в корзине, то добавляем +1 к его количеству
    		cart[itemIdPlusColor][2] += 1;
    	} else { // если товара в корзине еще нет, то добавляем в объект
    		cart[itemIdPlusColor] = [itemTitle, itemPrice, 1, itemUrl, itemColor];
    	}
        localStorage.setItem('cart', JSON.stringify(cart) );
    }
    Ответ написан
  • Как на landing page реализовать выбор продукта?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    Если вам нужно добавление в форму нескольких товаров, то ваш путь - искать localstorage cart.
    Загуглите localstorage cart и будет вам счастье.
    Я в свое время нагуглил за 2 минуты, адаптировал к своему лендингу за 4 минуты, еще через полторы минуты посыпался шквал заказов...)))
    Конкретная вариация зависит от вашей реализации лендинга, так как основной вопрос - как идентифицировать товар - по артикулу ли или по названию и т.д., id конечно идеальный вариант)))
    Суть в чем - это будет аналог корзины. который обычно реализуется каким-либо магазинным движком, но движок делает кучу проверок - чтобы не было одинаковых id, что делать, если товар добавили еще раз в корзину и т.д. - у вас же в силу упрощения все это надо предусмотреть самому.
    Ну или попадется толковый скрипт - там уже все будет. Я нагуглил толковый скрипт за 2 минуты.
    Ответ написан
    1 комментарий
  • Влияет ли большой js код на нагрузку на сайт и его скорость?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    Это будет влиять на скорость, но сервер тут не причем, у кого послабее комп или древний смартфон, тот будет видеть "Страница была перезагружена... Блаблабла" и так по кругу!

    Тут весь нюанс в деталях (вообще-то дьявол, ну пусть нюанс), вы, как и все новички, половину вопроса утаиваете:
    1. как понял я - у вас УЖЕ в коде страницы есть этот длинный список и вы скриптом обновляете элементы, не?
    2. 3500 строк - это именно 3500 элементов списка <li>blabla</li>, не?

    Тогда да, тогда жопа, браузер на декстопе i3 + 16Gb спотыкается на 4000-5000 элементов DOM и это в идеальном случае, в реальности 1000, а дальше одни теории.

    Решение тут одно - так как человеческий глаз в принципе не может охватить сразу 3500 элементов, более того, даже сотню охватить не всякий может, то выводите с подгрузкой, с задержкой, все равно никому эти ваши 3500 строк сразу одномоментно не нужны!! хотя если у вас система вывода информации о полете косм. корабля для ЦУПа, тогда возможно)))

    Короче, LazyLoad!
    Ответ написан
    Комментировать
  • Пример Админки для сайта?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    Тебе надо искать такое - CRUD, начни с гитхаба, обязательно смотри, чтобы была проверка на уязвимости, если в коде встретится такое слово PDO statement то нормуль)))
    Я в свое время находил почти готовые рабочие куски кода, там самое сложное - это создать БД в MYSQL)))
    Если последние три слова для тебя открытие века, то ищи CRUD на файлах
    Ответ написан
    Комментировать