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

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    Не буду свой сайт рекламить, как тут выше народ пытается)) Ради одного захода)))
    Вот адекватный плагин есть, 6 лет уже его юзаю!!! - ionden.com/a/plugins/ion.rangeSlider/en.html
    Ответ написан
    1 комментарий
  • JS/JQUERY Калькулятор - как правильно работать с массивом?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    Пример массивов для 5 городов, разницу в размере кода видно даже на глаз...
    варик от rsa97
    var err = 'выберите разные города';
    	prices = {
    	  khabarovsk: {
    		khabarovsk: err,
    		moscow: 1200,
    		spb: 1000,
    		rdn: 750,
    		smr: 888
    	  },
    	  moscow: {
    		khabarovsk: 1200,
    		moscow: err,
    		spb: 500,
    		rdn: 650,
    		smr: 777
    	  },
    	  spb: {
    		khabarowsk: 1000,
    		moscow: 500,
    		spb: err,
    		rdn: 550,
    		smr: 555,
    	  },
    	  rdn: {
    		khabarowsk: 750,
    		moscow: 650,
    		spb: 550,
    		rdn: err,
    		smr: 444
    	  },
    	  smr: {
    		khabarowsk: 750,
    		moscow: 650,
    		spb: 550,
    		rdn: 888,
    		smr: err
    	  }
    	};
    $( "select.city_choice" ).change(function() {
    	$('.final_price').html(prices[$('#city_from').val()][$('#city_to').val()]);
    });


    мой варик (и принцип наполнения массива видно на глаз... хотя в первом варике наверное удобнее заполнять города, если заполняет секретарша, но в случае ошибки туда или обратно будет по разной цене, в моем варике это исключено):

    var err = 'выберите разные города';
    	altprices = [
    		['moscow','khabarovsk',1200],
    		['moscow','spb',500],
    		['moscow','rdn',650],
    		['moscow','smr',777],
    		['khabarovsk','spb',1000],
    		['khabarovsk','rdn',750],
    		['khabarovsk','smr',888],
    		['spb','rdn',550],
    		['spb','smr',555],
    		['rdn','smr',444]
    	];
    	$( "select.city_choice2" ).change(function() {
    		for(var i = 0; i < altprices.length;i++){
    			if ($('#city_from2').val() == $('#city_to2').val()) {
    				$('.final_price2').html(err);
    				return;
    			}
    			if($.inArray($('#city_from2').val(), altprices[i]) != -1 && $.inArray($('#city_to2').val(), altprices[i]) != -1){
    				$('.final_price2').html(altprices[i][2]);
    			}
    		}
    	});


    https://jsfiddle.net/xpvt214o/717290/
    Ответ написан
    Комментировать
  • Как выбрать версию jQuery?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    А разве фоторама не депрекатед??? Вроде как год уже...

    Слайдер на slick, всплывашка на fancy.
    1. Проверено на более чем 200 проектах!
    2. Работает железобетонно на всех актуальных ветках джиквери.
    3. Не конфликтуют при совместном использовании.
    Ответ написан
    Комментировать
  • Есть ли библиотека на PHP для вывода дерева каталогов?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    На практике могли бы посмотреть примеры из существующих CMS, тот же опенкарт.
    По сути самый простой способ хранения он же и самый оптимальный, т.е. минимально таблица категории такая - id, название категории, id ближайшего родителя.
    Несмотря на то, что в статейке по ссылке от Дархан Камалиев Дархан Камалиев этот вариант отнесен к плохим, нужно просто сделать ход конем - выгружаем всю таблицу категории простейшим скоростным запросом и далее обрабатываем силами PHP, который с такими задачками справляется на раз-полтора.
    Ответ написан
    Комментировать
  • Почему не cрабатывает событие click на iPhone?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    Возможно, скрипты не успевают подгружаться, вот и ответ на то работает то не работает....
    Почему не успевают?
    Страница весит 6 мегабайт!! Притом что в 4 экрана влазит на декстопе.
    Картинки 4,5 мегабайта сожмите до веб-стандарта, уже минус 4 мегабайта!
    Скриптов на мегабайт... Это катастрофа.
    Почти все скрипты грузятся перед CSS - верстальщик рукожоп?
    64 картинки. 26 скриптов. ДВАДЦАТЬ ШЕСТЬ скриптов....
    Не нашел где у вас на главной загружаются аж ЧЕТЫРЕ видео с ютуба...
    Иконки не в спрайте. 16 мать их иконок по одной...
    Что за трабл с картой яндекса?? Почему больше 30 запросов из карты?? Первый раз такое вижу... какая-то хитровыпудренная карта с маршрутами?? И самое прикольное - КАРТЫ НЕТ НА ГЛАВНОЙ.
    Куча какого-то барахла в svg - известный тормоз для айфонов...
    Ответ написан
  • Как задать цель в я.метрику в обработчик?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    В PHP разве забанили такие запросы:

    POST https://api-metrika.yandex.ru/management/v1/counte...

    Включай CURl и вперед!
    Ответ написан
    Комментировать
  • Не работает калькулятор?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    в любой непонятной ситуации юзай джиквери!
    не слушай никого, кто говорит, что ванильный JS идеален!
    да, но не для начинашек!
    $('#plus').click(function() {
      var sum = parseInt($('#first').val()) + parseInt($('#second').val());
      alert(sum);
    });
    Ответ написан
    Комментировать
  • Будет ли норм если много засунуть в массив?

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

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    Для телефона я делаю ширину 100% и высота auto.
    Причем если раньше я изгалялся, например, для телефона в пейзажном режиме делал картинки на ширину 50% и обтекание текстом , например, справа, то теперь решил забивать на это дело, все равно на мобилке картинки несут катастрофично малый смысл... По сути их можно вообще изымать из страницы...)))
    Ответ написан
    Комментировать
  • Как разобраться с кнопками Ajax Jquery?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    $('.to_remove').click(function(){
       key = $(this).attr('key');
       // вот тут у тебя уже есть уникальный кей, 
       //используй его по назначению и не переусердствуй, 
       //а то кей обидится и станет окей-оби...
    });
    Ответ написан
    Комментировать
  • Как добавить класс к одному элементу?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    $('.accordion-header').click(function () {
          $(this).toggleClass('active');
          $(this).parent().find('.carrent-cell').toggleClass('pink');
    });

    https://codepen.io/anon/pen/oMywoy

    И пиши по-человечьи!! current

    Можно через два некста аналогично сделать, зависит от полного ТЗ. Вдруг у тебя там у тебя еще кусок верстки будет....
    Ответ написан
    Комментировать
  • Как организовать код для небольшого лендинга?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    Типовой лендинг (не такой конечно как сказал пан Профессор08 на какие-то фантастические тысячи строк кода))), за такой лендинг меня бы убил мой СЕО-шник ) касаемо js:

    1. фэнсибокс
    2. слик
    3. скролл по #
    4. моб меню
    5. табы
    6. хрень для параллакса бекграунда или элементов

    Из этого списка п.1 и п2 - можно подключать в видеобновляемых библиотек, НО я лично уже год как собрал их в общий js, так как то, что там авторы периодически обновляют - хрень на пустом месте, не нужно оно, эти либы даже в версии 2017 года пашут железобетонно!
    далее - п.3,4,5 - ПЯТЬ строчек))) (хотя кто-то для табов прицепляет бутстрап)))
    п.6 - редко для особо "одаренных" клиентов)))

    На круг: один js файл обеспечивает все потребности типового лендинга, плюс 2 строчки кода для подключения к классам в зависимости от верстки, что тоже можно обойти (и НАДО обходить!), используя одни и те же классы от клиента к клиенту!
    Ответ написан
    7 комментариев
  • Как упростить код на JavaScript?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    Или я ошибаюсь или автор половину не озвучил, но должно быть так:
    1. выпадающий селект с типами кофе, там эти ваши 100 позиции
    2. инпут для количества (или опять же селект, если количества целочисленные, хз, из вопроса неясно)
    3. кнопка ВВОД выбранного варианта
    4. кнопка ИТОГО
    5. ВСЁ! )))

    таким образом, оператор выбирает в селекте тип кофе, вводит кол-во, жмет ввод, затем повторяет сколько нужно раз, и в конце нажимает кнопку ИТОГО

    скрипта там на 12 строк, могу накидать, когда время будет, так-то дел полно, как минимум вот именно сейчас коньяк греется
    Ответ написан
    Комментировать
  • Как передать значение data в dom элементы?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    А это точно вопрос, а не задание?
    Пиши , что не получилось в написании скрипта. А приведенный кусок кода - это голое задание...
    В бутстрапе эта шняга есть готовая, в любой непонятной ситуации юзай бутстрап!
    Скрипта-то там две строчки, тут посмотри - www.jooom.ru/toster/toster_6.html
    $(document).ready ( function(){
    	$('.faces_choice_area').find('span').live('click',function(){
    		$(this).addClass('ch').siblings().removeClass('ch').parents('div.faces').find('span.faces_choice').eq($(this).index()).addClass('ch').siblings('span.faces_choice').removeClass('ch');
    	});
    	});
    Ответ написан
    Комментировать
  • Почему не работает код AJAX JQUERY JSON PHP?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    рабочий кусок php:
    echo json_encode(array('img' => $img, 'img_title' => $img_title));
    exit;


    рабочий кусок js:
    jQuery.ajax({
    	type: "POST",
    	url: "/send.php",
    	data: arrr,
    	success: function(data){
    		var result = jQuery.parseJSON( data );
    		jQuery('.kit_box img').attr('src', result.img);
    		jQuery('.kit_box img').attr('title', result.img_title);
    	}
    });
    Ответ написан
    Комментировать
  • Выводим / Показываем свои работы (какие способы реализации)?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    Использовать БД не хочу

    ахахах)))
    Перечитал внимательно ваше бестолковое нагромождение слов - 200 слов и ни одной запятой - думаю, вам идеально подойдет страничка в одноклассниках!
    Там есть ВСЁ, что вы перечислили. И даже авторизация!
    Я сам не мог в это поверить пока не решился зарегистрироваться в одноклассниках поэтому надо выбрать одноклассники не выбрать тогда однолкассник выбрать вк и потому что вот так. Ну как вам без запятых?)))
    Ответ написан
    Комментировать
  • Форма на сайт, шаг за шагом?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    Комментировать
  • Как выводить разный контент по условию?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    Автор! Для приличия следует указывать ветку (EVO-REVO), ибо каждая по сути уже давно абсолютно разные двиганы...
    Мой путь для варианта, когда каждый язык на своем поддомене (site.ru/en.site.ru/de.site.ru/....) :
    1. Ставим любой пакет определения ip, мне нравится этот sypexgeo.net
    2. Определили ip - редиректим, если надо, на языковой поддомен
    3. В чанках-вышиванках пишем условия, отталкиваясь от реквеста.
    ВСЁ!

    Ну и не забыть на хостинге адресовать все поддомены на основной домен, не все хостинги одинаково адекватны в этом плане)))

    И не понадобятся никакие ни куки, ни макуки...
    Ответ написан
  • Как найти конфликт между bxslider и fancybox?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    Два раза приклеивается - ищи тщательнее, в соседнем скрипте возможно сидит навеска.
    Попробуй убрать этот кусок, будет ли навешиваться фэнси??:

    /* ============== FANCYBOX ============== */
    $("[data-fancybox]").fancybox({
      infobar: false,
      arrows: false,
      idleTime: false,
      thumbs : {
        autoStart : true
      },
      buttons: [
            "close"
        ],
    });
    /* ============== END ============== */


    Ну а по поводу слайдера - юзай slick!
    Slick+Fancybox = Железобетон
    Ответ написан