d0ublezer0

привет. есть набор радио кнопок, по изменению которых срабатывает некая функция $('body').on("change", "[name='virtuemart_shipmentmethod_id']", function (e) { update_infoboxes(); }); возникла задача менять выбранную радио кнопку по внешнему событию? допустим клик на переключалке табов нужно установить правильное значение и чтобы сработало событие change как правильно сделать? пробовал так: $('body').on("click", "#shipment_type_selector li", function (e) { e.preventDefault(); var $set_mode = $(this).data("ship-mode"); $('#shipment_type_selector li').removeClass("active"); $(this).addClass("active"); $("#onepage_main_div").removeClass("_self-pickup _tk-delivery").addClass("_" + $set_mode); if ($set_mode=="tk-delivery") $("#shipment_id_2").prop("checked",true); // выберем транспортную компанию if ($set_mode=="self-pickup") $("#shipment_id_1").prop("checked",true); // выберем самовывоз }); но не вышло: визуально выбор radio кнопки не меняется. событие change не срабатывает вот собрал на коленке для проверок. https://jsfiddle.net/5pa9fj1o/1/ изначально выбран первый пункт после переключения на транспортную выбирается второй, как и должно быть а дальше ничего не происходит, хоть обпереключайся

Ваш метод подошёл отлично, спасибо. Не понимаю, почему у меня не работало.

Увы, нет возможности разделить содержимое табов на два блока. Список подходящих способов доставки формируется отдельным компонентом, основываясь на адресе получателя. У меня придумалось только скрывать неподходящее по типу при переключении "табов". По факту, табами это не является. Просто переключалка, скрывающая часть опций одного списка. И после переключения нужно выбрать первый видимый элемент. Я пробовал насылать событие клика на инпуты, пробовал ставить им значение через val() и потом вызывать событие change но ничего так и не вышло, значения не меняются

Не совсем то. Я покажу на реальном примере : https://www.zebra-tara.ru/ положите любой товар в корзину У нас есть варианты доставки, которые формируются динамически после загрузки страницы и выводятся все скопом. У меня задача разделить их на два списка, отображаемые по состоянию табов. При этом - выбирать некое значение в списке при переключении табов. P/S/ а с инпутами вместо списка вы правильно предложили, переделаю.

http://leveler.ru/i-icons/demo.html Cлепил из svg набор иконок в icomoon, приклеил анимацию вращения. Не вращается В найденном примере вроде всё так же. Но при этом - работает: https://codepen.io/Keyamoon/pen/aHxuq Что я сделал не так? UPD: не хватало display:inline-block;

https://tech.yandex.ru/yandex-apps-launch/navigator/doc/concepts/about-docpage/ Тут сообщается о проверке в собственном приложении. А на web-странице как сделать? Это возможно вообще?

В начале страницы: <script async type="text/javascript" src="/templates/fd/js/custom.js"></script> <script async type="text/javascript" src="/templates/fd/js/owl.carousel.min.js"></script> <script async type="text/javascript" src="/templates/fd/js/jquery.event.move.js"></script> <script async type="text/javascript" src="/templates/fd/js/jquery.twentytwenty.js"></script> <script async type="text/javascript" src="/templates/fd/js/jquery.inputmask.bundle.min.js"></script> <script async type="text/javascript" src="/templates/fd/js/jquery.toc.js"></script> <script async type="text/javascript" src="/templates/fd/js/jquery.sticky.js"></script> <script async type="text/javascript" src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> /* тут html и php */ В конце страницы: <script defer type="text/javascript" src="/templates/fd/js/main.js"></script> предполагалось, что последний скрипт с defer загрузится и выполнится только когда загрузилось всё, но у меня валятся ошибки инициализации Uncaught TypeError: $(...).inputmask is not a function значит, не успели загрузиться скрипты. при том в последнем файле main.js все обращения к функциям обёрнуты в $(document).ready(function () { /* тут код */}); как гарантированно загрузить всё, при этом не мешая загружаться странице?

О, я не до конца понял статью, значит. Отлично, тогда defer подходит, т.к. зависимость известна.

В этом весь замысел теряется. Скрипты, расположенные внизу страницы и без указания defer прекрасно грузятся последовательно. но загружаться-то они начинают после основного кода. А идея была в том, чтобы грузить их параллельно, не мешая коду. А вот обратиться к ним - только после загрузки всего. Можно конечно в main.js проверять наличие загруженных функций, но это не значит, что они будут привязаны к объектам на странице, когда наконец-то загрузятся.

Верно. Я пытался применить знания из этой статьи, предполагая, что скрипты с async будут грузиться как попало, а defer загрузится уже после всего-всего.

li { position: relative; padding: 0 0 0 20px; width:60px; list-style:none; /* вот тут еще бы пригодилось*/ }

Это вообще возможно? Мои попытки родили такую конструкцию, но она не работает, как и ожидалось: <div class="row"> <div class="col-md-9"> <div class="row"> <div class="col-md-3"></div> <!--тут уже не выходит - размеры считаются по родителю--> <div class="col-md-9"></div> </div> <div class="row"> <div class="col-md-9"></div> <div class="col-md-3"></div> </div> </div> <div class="col-md-3"> <div class="row"></div> <!--Вот это должно быть половину высоты--> <div class="row"></div> </div> </div>

Под картинки, да. Это будут блоки разделов на главной

мне в руки от предыдущего разработчика попался код, которые забирает JSONP данные для построения списка на jquery UI autocomplete, выводит его и при выборе помещает результат в поле формы используется для ввода города в корзине https://www.resursmed.ru/cart запрос данных такого типа https://api.cdek.ru/city/getListByTerm/jsonp.php?q=нижний мне непонятны некоторые вещи: зачем выполняется перебор массива в success и select? и, можно ли сделать выбор первого значения списка при потере фокуса автозаполнялки, если в ней не ткнули в значение? change и blur в конце (на событие select) сделаны видимо чтобы запустить дальнейшую обработку onblur=javascript:Onepage.op_runSS(this); var $j = jQuery.noConflict(); $j("#city_field").autocomplete({ noSuggestionNotice: "Населённые пункты не найдены", autoSelectFirst: true, autoFocus: true, minLength: 2, source: function (request, response) { $j.ajax({ url: "https://api.cdek.ru/city/getListByTerm/jsonp.php", dataType: "jsonp", data: { q: function () { return $j("#city_field").val() } }, success: function (data) { response($j.map(data.geonames, function (item) { Object.getOwnPropertyNames(data.geonames).forEach(function (val, idx, array) { Object.getOwnPropertyNames(data.geonames[val]).forEach(function (val2, idx2, array2) { }); }); try { if (item.postCodeArray[0] !== 0 && item.postCodeArray[0] !== 'undefined' && item.postCodeArray[0] !== null) { found_zip = item.postCodeArray[0]; zip_array[zip_line] = []; zip_array[zip_line][0] = zip_line; zip_array[zip_line][1] = item.id; zip_array[zip_line][2] = item.postCodeArray[0]; zip_line++; } } catch (err) { // обработка ошибки } return { label: item.name, value: item.name, id: item.id } })); } }); }, select: function (event, ui) { $j('#receiverCityId').val(ui.item.id); //пробегаемся по массиву, чтобы вывести индекс в поле for (var i = 0; i < zip_array.length; i++) { if (ui.item.id == zip_array[i][1]) { $j("#customer_note_field").empty(); $j('#address_2_field').val(zip_array[i][1]).focus().change().blur(); $j('#zip_field').val(zip_array[i][2]).focus().change().blur(); } } } });

Я видимо безнадёжно устарел, подскажите как реализуется такое поведение? пример реализации (любой товар): https://www.citilink.ru/catalog/computers_and_notebooks/hdd/hdd_in/385631/ при клике на заголовки табов Характеристики, Сопутствующие товары, Обзоры, Отзывы, Вопрос-ответ меняется содержимое - это понятно как сделать, видно из кликабельного элемента <a class="pseudo product_link__js" href="https://www.citilink.ru/catalog/computers_and_notebooks/hdd/hdd_in/385631/aksessuary/" data-meta-title="Аксессуары для жесткий диск SEAGATE Skyhawk ST4000VX007 купить в интернет-магазине СИТИЛИНК" data-meta-description="Аксессуары для товара жесткий диск SEAGATE Skyhawk ST4000VX007 купить в интернет-магазине СИТИЛИНК. Мы осуществляем доставку по Москве и России." data-h1="Аксессуары для жесткий диск SEAGATE Skyhawk ST4000VX007" data-tab-name="Сопутствующие товары">Сопутствующие товары</a> А как добиться смены адресной строки без перезагрузки? Да к тому же получается, все ссылки aksessuary, otzivy и т.д. являются виртуальными, получается? Но при этом они доступны по прямому url, переключаясь на нужную вкладку Ткните носом, где почитать на эту тему, пожалуйста?

Ага, понятно теперь. А как добились ответа страниц? можно ведь сделать urlrewrite например при обращении к урл-страницы-товара.html?aksessuary (с параметром) показывать в адресной строке урл-страницы-товара.html/aksessuary, а загружать через кусок страницы аяксом основываясь на переданном параметре правильно мыслю?

Подскажите, почму на главной https://www.euromedika.ru/ статьи по три в ряд, а например, тут: https://www.euromedika.ru/body по две при flex-basis:30% в обоих случаях

Edge упрямо выкрашивает телефонные номера на сайте resursmed.ru в синий цвет и добавляет подчеркивание: и в шапке, и в подвале, не взирая на стили. Как победить напасть?

Пытаюсь подружиться с разработкой плагинов, пишу свой первый "Hello world" под J3 И не работает, зараза. Не вызывается событие onContentPrepare и всё тут от отчаяния уже сократил весь код в надежде выявить ошибку, но так и не добился результата. Плагин установлен, активирован и вызывается. Но обработку не делает. А по идее, должен (в текущей приложенной редакции) полностью заменять текст материала на слово "fluid"Всё же сделано по инструкциям, где я ошибся? Помогите пожалуйста, мозг отказывается дальше думать.. contentfluid.php <?php defined('_JEXEC') or die; jimport('joomla.plugin.plugin'); class plgContentFluid extends JPlugin { public function onContentPrepare( $context, &$article, &$params, $page = 0 ) { $article->text = "fluid"; return true; } } ?> contentfluid.xml <?xml version="1.0" encoding="utf-8"?> <extension version="3.2" type="plugin" group="content" method="upgrade"> <name>Content Fluid</name> <author>d0ublezer0</author> <version>1</version> <files> <filename plugin="contentfluid">contentfluid.php</filename> </files> <config> <fields name="params"> <fieldset name="basic"> <field name="default_column_class" type="text" label="Стандартный класс колонки" default="col-md-12" > </field> </fieldset> </fields> </config> </extension> И архив с плагином приложен Выручайте, ребята contentfluid [2016-10-06@16-35-34].zip

www.zebra-tara.ru на главной слайдер организован через owl carousel 2 Не понимаю, почему пролистывание мышкой влево - работает: если схватить за центр слайда и протянуть влево, а вправо - нет: выполняется переход по ссылке слайда

В последнем хроме, как и вы. Если долистать до последнего слайда и попробовать пролистнуть дальше, то выполняется переход

Я пробовал, не помогает

http://resursmed.ru/ При уменьшении видимой области появляется горизонтальный скролл за пределами страницы. А там вроде как пусто. Чем меньше размер окна, тем больше скролл. Пожалуйста, ткните носом, где я ступил?

Ой, а вот вертикальный теперь откуда? В Mozilla - нет. в Chrome - гигантский вертикальный скролл после контента внизу. Ведь пусто же! всё нашел, отбой

Привет! http://resursmed.ru/balm Не пойму, как добиться, чтобы тень box-shadow от выпадающего меню с z-index:50 накрывала элементы, идущие ниже по потоку. Вроде же всё для этого есть. А не работает... Посоветуйте?